0%

2020-02-18 批量注册Vue components

2020-02-18 批量注册Vue components

话不多说,直接上代码

1
2
3
4
5
6
7
8
9
10
11
12
import Vue from 'vue'
import _ from 'lodash'
const requireComponent = require.context('@/components', true, /\.vue$/)
// 批量注册组件
requireComponent.keys().forEach(fileName => {
const componentConfig = requireComponent(fileName)
const componentName = _.upperFirst(// 调整风格为首字母大写驼峰
_.camelCase(fileName.replace(/^\.\//, '').replace(/\.\w+$/, ''))
)
Vue.component(componentName, componentConfig.default || componentConfig)
})

这段代码只能在webpack或vue-cli项目中用,因为用到了webpack的api。

建议放在components文件夹下的根目录,最后在main.ts中导入components文件夹即可

本文作者:草梅友仁
本文地址: https://blog.cmyr.ltd/archives/d739eb0f.html
版权声明:转载请注明出处!

坚持原创技术分享,您的支持将鼓励我继续创作!