- <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>'
效果图:
来源: http://www.bubuko.com/infodetail-3357148.html