:在组件目录下添加js文件内容如下
const COMPONENTS = [//组件列表
{
path: "./",
components:[
"Tab"
]
}
]
export default function (fun){// 注册组件
COMPONENTS.forEach(({path,components})=>{
components.forEach(name=>{
const {default:COMPONENT,default:{name:NAME}} = require(path+name+'.vue');
fun(NAME || name,COMPONENT);
})
})
}
步骤二: 在main.js引入该文件
vue2
// 导出的方法改为
export default {
install(Vue){
COMPONENTS.forEach(({path,components})=>{
components.forEach(value=>{
const NAME = require(path+value+'.vue').default.name || value;
const ELEMENT = require(path+value+'.vue').default;
Vue.component(NAME,ELEMENT);
// console.log(NAME,ELEMENT);
})
})
}
}
// 在mian.js文件引用
import Vue from 'vue'
import wxUI from './components/index.js'
Vue.use(wxUI)
vue3
import components from './components';// 引入
const app = createApp(App);
app.use(router).mount('#app');
components(app.component);// 使用