-
创建公共组件
<template> <div>//一定要多一个标签来包裹住内容 <h4>{{111111}}</h4> <button type="button" @click="changeMsg">改变</button> 。。。。。 </div> </template> <script> export default { name: "myVue", } </script> <style scoped> </style>
-
在main.js中全局注册到vue中
import myVue from '@/components/common/myVue.vue' Vue.component("myVue", my-vue);//注意要用驼峰式或连接式 //全局自定义组件
-
使用
<div id="App">
<my-vue/>//或者 <my-vue></my-vue> 这种双标签
</div>