本文探讨Vue中实例与容器的关系，包括一个实例服务多个容器和多个实例服务一个容器的情况。实验结果显示，Vue实例与容器之间只能建立一对一的关系，即一个实例只能服务一个容器，而一个容器不能被多个实例共享。
在了解 Vue 实例与容器之间的关系前，要先弄清楚 Vue 中的实例与容器分别是什么？
-
实例：Vue实例是通过 Vue 函数传入对应 options 参数创建出的一个实例对象。options 主要包括生命周期钩子函数、data（用于存放数据）、methods（存放所有方法）、components（计算属性）、watch（监视属性）等等。
-
容器：DOM 结构，通常使用 div 标签作为容器，每个容器都要有唯一的标识。
既然弄清楚了 Vue 实例与容器分别是什么，不写个代码确实有点说不过去。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<!-- 引入本地vue.js文件-->
<script src="../js/vue.js"></script>
</head>
<body>
<!--容器，指定id-->
<div id="root">
<h1>Hello, {
{ name }}</h1>
</div>
<script>
//阻止 vue 在启动时生成生产提示。
vue.config.prodctionTip
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
