import.meta.globEager('./src/components/**/*.vue'); 遍历文件

main.js

const importAll = (modules) => { Object.keys(modules).forEach((key) => { const component = key.replace('/src/', '@/').replace('.vue', ''); const componentName = key.split('/').slice(-2, -1)[0] + '-page'; app.component(componentName, modules[key].default); }); }; // 动态导入src/pages目录下的所有子文件 const modules = import.meta.globEager('@/page/**/*.vue'); importAll(modules);

1|0资料

vue3 动态导入src/page目录下的所有子文件,并自动注册所有页面组件
https://blog.csdn.net/weixin_45791806/article/details/132191937


__EOF__

本文作者Reciter
本文链接https://www.cnblogs.com/pengchenggang/p/17627791.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   彭成刚  阅读(650)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· 单线程的Redis速度为什么快?
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
历史上的今天:
2020-08-14 react 修改页面title - react-document-title
2020-08-14 react build 后,打包后自动将index.html copy 404.html - create-react-app 创建的项目
2019-08-14 JavaScript unshift() 方法
点击右上角即可分享
微信分享提示