vue 自定义组件

时间：2019-12-30 09:55:19 收藏：0 阅读：79

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

效果图：

技术分享图片

原文：https://www.cnblogs.com/a973692898/p/12117974.html