使用 vue 进行多次导入

Question

我有大约 20 个使用动态组件切换的表单

 <component v-bind:is="activeForm"></component

而不是大约 20 个这样的

 import Concentform from '../forms/concentForm'

和 20 个声明

export default {
  components: {
     Concentform,
     anotherForm,
     moreForms,
 }
}

我可以批量导入吗？

Answer 1

1. 在../forms下添加index.js

   import Concentform from './concentForm'
   export default {
       Concentform
   }
   

2. 一次性导入（默认）import forms from '../forms/'

3. 设置组件

export default {
  components: {
     ...forms,
     otherComponent
  }
}