vue批量注册组件的方法

Vue.js

发布日期: 2020-03-03

文章字数: 144

阅读时长: 1 Min

阅读量:

当需要很多注册许多公共组件时候,这个时候我们应该抽离,而不是继续使用Vue.use()注册

代码.在公共组件根目录下

import Vue from 'vue'
// const  requireComponent=require.context('公共组件的目录','是否深层次查找',正则[以.vue文件结尾的都是我们要找的])
const requireComponent = require.context('./', true, /.vue$/)
requireComponent.keys().forEach(item => {
  var defaultCom = requireComponent(item).default //  获取的就是组件暴露出来的对象
  Vue.component(defaultCom.name, defaultCom)
})