组件的data和methods

在组件中也有属于自己的data与methods

var vm=new Vue({
   el:'#app',
   data:{
      msg:11111,
   },
   components:{
      aa:{
         template: '<div><button @click="add">go</button><p>{{con}}</p></div>',
         data:function () {
              return {
                 con:1
               }
         },
         methods:{
            add:function () {
            this.con+=1;
            }
         }
      }
   }
})

其中data是一个方法函数,而不再是一个对象,并且需要return来传出,否则会报错

猜你喜欢

转载自blog.csdn.net/Zyl_CN/article/details/83022730