VUE2组件按需引用

<script>

const files = require.context('../../components/Dialog', true, /.vue/)
const modules = {}
files.keys().forEach(key => {
  const name = key.replace(/(\.\/|\.vue)/g, '')
  modules[name] = files(key).default || files(key)
})

引入Dialog这个文件夹下面的组件，路径写正确；直接放到script下面就行，modules不用在components注册，因为上面定义了；

console.log(modules),打印出来的是一个对象，Dialog下面所有组件组成的对象

如果要用的话，就是打开想要的那个组件，一定要查找的组件一致的名字

modules[‘匹配的名字’]

比如一个组件叫asd.vue

展示的就是modules['asd']