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 ”省去），如下面截圖所示：
}
)
