vue中组件批量注册

最新推荐文章于 2024-04-26 10:17:33 发布

等着上颜色的皮卡

最新推荐文章于 2024-04-26 10:17:33 发布

阅读量189

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_52143560/article/details/125587117

版权

仅限于webpack

const requireComponent = require.context('./library', true, /\.vue$/)
export default {
  async install (Vue) {
    requireComponent.keys().forEach((item) => {
      // console.log(requireComponent[item], 77)  //  ['./bread.vue', './pubArt.vue', './qq/q.vue']
      /* 获取的是 每一个组件暴露出来的对象 */
      const defaultObj = requireComponent(item).default
      Vue.component(defaultObj.name, defaultObj)
    })
}

vite


const requireComponent = import.meta.globEager('./library/*.vue')
export default {
  install (Vue) {
    Object.keys(requireComponent).forEach(item => {
      const defaultObj = requireComponent[item].default
      Vue.component(defaultObj.name, defaultObj)
    })
  }
}