- 需求:在Vue项目中实现自动批量注册,例如组件、指令、store或route模块等。
- 核心API:require.context
- 示例(以注册局部组件为例):
- 目录结构:
- 代码:
<script> // 自动注册form-config-item文件夹组件 function fn1() { const formConfigItems = require.context('./form-config-item', true, /\.vue$/) const formConfigItemComponents = {} formConfigItems.keys().forEach(key => { key.replace(/\.\/(\S+)\//, (match, p1) => { formConfigItemComponents[p1] = formConfigItems(key).default }) }) return formConfigItemComponents } export default { components: { ...fn1(), }, } </script>
- 目录结构:
Vue中自动批量注册组件、指令、store或route模块
于 2022-08-22 20:04:54 首次发布