VUE2组件按需引用

2023-12-20 06:47:33
<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']

文章来源:https://blog.csdn.net/weixin_47194802/article/details/135080093
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。