1.首先在公共组件文件夹中创建一个js文件
2.直接CV下面这段代码到js文件中,提供统一注册的入口文件
* require.context('文件路径',深层次查找[bool],匹配的文件后缀)----webpack提供的
export default {
install(Vue) {
/* 函数 */
var requireComponent = require.context('./', true, /\.vue$/)
// console.dir(requireComponent.keys(), '数组777');
requireComponent.keys().forEach((item) => {
// console.log(requireComponent(item), 6);
/* moduleDefault===相当于 import PageTools from "@/components/PageTools"; */
var moduleDefault = requireComponent(item).default
// console.log(moduleDefault, 88);
Vue.component(moduleDefault.name, moduleDefault)
})
}
}
3.去main.js中注册插件
import pluginCom from '@/components'
Vue.use(pluginCom)
4.记得给每一个公共组件取上名字哦不然会报以下错误
5.最后直接拿来使用
6.Vue.use() 实现的原理
(1)Vue.use()需要传入一个参数:对象 || 函数
(2)对象中提供了一个install函数
(3)install函数有一个参数接收的是Vue