vue: 组件中 template 定义

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

　　}

)

 

转载于:https://www.cnblogs.com/JAVA-STUDYER/p/11586400.html