<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 不是函数 返回的对象可能是同一个对象 会使 组件数据混乱。