vue 自定义组件

 

　　<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>'

效果图：

posted @ 2019-12-30 09:16  大云之下  阅读(204)  评论(0)  编辑  收藏  举报
大云之下