Vue学习记录--组件data必须是函数 

<body>
        <div id="app">
             <my-pnc></my-pnc>
        </div>
    <template id="mypnc">
 <h3>{{title}}</h3>
</template>
    
    <script type="text/javascript">
        //2.全局注册组件
        Vue.component('my-pnc',{
         template:'#mypnc'，
         data(){
          return {
             title:'哈哈'
           }
         }
       });
        
       const app=new Vue({
           el:'#app',
           data:{
               msg:'我饿哦我去 '
           }
       })
    </script>
  </body>

 如果data 不是函数 返回的对象可能是同一个对象 会使 组件数据混乱。

posted @ 2020-07-07 14:56  学做flutter的小菜鸡  阅读(126)  评论(0)    收藏  举报