<body> <div id="app"> <buttons></buttons> //buttons 标签组件，是我们自定义的标签组件 </div> </body>
创建自定义组件 buttons
Vue.component('buttons',{ data: function(){ return{ count:0 } }, template:'<button @click="count++">当前点击次数为：{{count}}</button>' })
这个自定义的标签组件 返回： template:'<button @click="count++">当前点击次数为：{{count}}</button>'
效果图：
