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