容器与vue实例是一对一的关系

61 阅读1分钟

如果有多个容器用了一个实例中的data,那么这个实例只会给最先执行的容器加载data数据。其他的容器当中的数据只能是被当成字符

如果多个实例都为同一个容器提供数据。只会是最先的创建的实例。

所以容器与vue实例是一对一的关系。vue的语法写到script标签内,以及当中的,与:必须是英文

代码

 <div id="app">{{name}}</div>
    <script>  
    new Vue({
        data:{
            name:"张三"
        },
        el:"#app"
    })
    new Vue({
        data:{
            name:"李四"
        },
        el:"#app"
    })</script>
  

image.png 代码

 <div class="app1">{{name}}</div>
    <div class="app1">{{name}}</div>
     <script>  
        new Vue({
            data:{
                name:"张三"
            },
            el:".app1"
        })

image.png