Vue.component(
'button-counter', {
template: 'You clicked me {{ count }} time***r /> data: function () {
return { count: 0 }
},
//注意:由于一个组件其实相当于vue的一个实例,只是不需要new实例化而已。因此,和new Vue一个实例一样,也可以定义data、methods、computed、等等
//但是,在组件中定于的与 template 模板并列的 data 并不是一个对象,而是一个返回对象的函数,像上面那样可以在 template 模板中使用 data 函数返回对象的
//key:count。另外,上面 data 函数还可以进行简写(即:把“:function ”省去),如下面截图所示:
}

)