如果有多个容器用了一个实例中的data,那么这个实例只会给最先执行的容器加载data数据。其他的容器当中的数据只能是被当成字符
如果多个实例都为同一个容器提供数据。只会是最先的创建的实例。
所以容器与vue实例是一对一的关系。vue的语法写到script标签内,以及当中的,与:必须是英文
代码
<div id="app">{{name}}</div>
<script>
new Vue({
data:{
name:"张三"
},
el:"#app"
})
new Vue({
data:{
name:"李四"
},
el:"#app"
})</script>
代码
<div class="app1">{{name}}</div>
<div class="app1">{{name}}</div>
<script>
new Vue({
data:{
name:"张三"
},
el:".app1"
})