具体写法:
在components公共组件文件夹下,新建一个Index.js,在这里面写
// 引入
import Son from './Son.vue'
// 导出一个对象 里面包含一个install方法
export default{
install(Vue) {
// 全局注册
Vue.component('Son',Son)
}
}
在main.js入口文件中,引入导出的对象,在用Vue.use(对象)来完成插件的注册
// 引入
// import Son from './components/Son.vue'
import obj from './components/index'
Vue.config.productionTip = false
// const obj= {
// // 这里的形参p和Vue相等
// install(p) {
// console.log('p----------'+p,p===Vue);
// // 全局注册
// Vue.component('Son',Son)
// }
// }
// 注册为插件
Vue.use(obj)
在需要用到该组件的地方,直接使用
<template>
<div id="app">
根组件
<Son></Son>
</div>
</template>