vue全局组件

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/caoxuecheng001/article/details/102757657

<div id="app">
    <counter></counter>
    <counter></counter>
    <counter></counter>
</div>

<script src="node_modules/vue/dist/vue.js"></script>
<script>
    Vue.component("counter",{
        template:"<button @click='count++'>点我试试,已经点击{{count}}次</button>",
        data(){
            return{
                count:0
            }

        }
    });
   const app=new Vue({
       el:"#app",
       data:{

       }

   });
</script>