全局组件自动化注册

最新推荐文章于 2024-11-15 17:09:59 发布

L、W、X

最新推荐文章于 2024-11-15 17:09:59 发布

阅读量93

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_44957190/article/details/125394116

版权

自动化前端运维

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在公共组件中添加一个index.js文件

我这里是用了 _base-开头的文件所以在index中写到

export default (app) => {
    const requireComponent = require.context(
      '.',
      false,
      // 匹配以'_base-'开头的vue文件
      /_base-[\w-]+\.vue$/
    )
  
    requireComponent.keys().forEach(fileName => {
      const componentConfig = requireComponent(fileName)
      const componentName = fileName
        .replace(/^\.\/_/, '')
        .replace(/\.\w+$/, '')
        .split('-')
        .map(kebab => kebab.charAt(0).toUpperCase() + kebab.slice(1))
        .join('')
  
      app.component(componentName, componentConfig.default || componentConfig)
    })
  }

在man.js文件中引入组件