热门标签
热门文章
- 1【配置VScode支持编译c++11】_vscode配置c++11
- 2linux-shell命令之mount【挂载命令】_shell mount
- 3Java Socket编程
- 4Docker-Compose 下载安装、卸载步骤_docker-compose下载
- 5Codeforces Round #698 (Div. 2) A. Nezzar and Colorful Balls
- 6使用 Typescript 开发 Nodejs 命令行工具
- 7直方图均衡化实现
- 8H5画布canvas特效（旋转跳跃不停歇）_h5 canvas 加载gif 后左右跳
- 9scss :export 中导出的变量与Vue JavaScript共享无效
- 10基于python Moviepy的视频字幕识别和合成！_moviepy字幕
当前位置: article > 正文
vue自动引入组件
作者：Gausst松鼠会 | 2024-02-15 19:27:05
赞
踩
vue自动引入组件
- 在compoents文件下随便创建js文件
- 利用require.context(文件路径,是否递归,正表达式)
import Vue from "vue"
//获取到所有components文件下的index.vue组件信息
const componentsMap = require.context('../components',true,/index.vue$/)
//遍历一个一个注册组件
componentsMap.keys().forEach(key=>{
const componentscofig = componentsMap(key).default
Vue.component(componentscofig.name,componentscofig)
})
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- mian.js引入该js
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/86264
推荐阅读
相关标签
