欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

组件的data和methods

程序员文章站 2022-05-03 21:29:55
...

在组件中也有属于自己的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来传出,否则会报错