Multiple imports with vue

Question

I have about 20 forms which get switched using a dynamic component

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

Rather than have about 20 of these

 import Concentform from '../forms/concentForm'

and 20 declarations

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

Can I do a mass import?

For importing named modules, see: https://stackoverflow.com/q/34573779/4636715 — vahdet, Mar 20 '19 at 11:26

score 3 · Accepted Answer · answered Mar 20 '19 at 12:15

3

Add index.js under ../forms with

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

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

answered Mar 20 '19 at 12:15

Emīls Gulbis

I have seen lots of ways using regex and all kinds of crazy stuff but that seems the cleanest. – TommyD Mar 20 '19 at 14:40

1 Answers1