首页 > 其他分享 > import.meta.globEager('./src/components/**/*.vue'); 遍历文件

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

时间:2023-08-14 09:34:24浏览次数:34  
标签:src vue const modules meta key

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);

资料

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

标签:src,vue,const,modules,meta,key
From: https://www.cnblogs.com/pengchenggang/p/17627791.html

相关文章

  • Spring Boot + Vue3前后端分离实战wiki知识库系统<十二>--用户管理&单点登录开发一
    目标:在上一次https://www.cnblogs.com/webor2006/p/17533745.html我们已经完成了文档管理的功能模块开发,接下来则开启新模块的学习---用户登录,这块还是有不少知识点值得学习的,先来看一下整体的效果,关于效果官网有一个体验地址:wiki.courseimooc.com,如下:其效果也是人人熟知的,下面......
  • Auto-registering all your components in Vue 3 with Vite
    Auto-registeringallyourcomponentsinVue3withVite#vue#vitejs#componentsWhyauto-registercomponents?I'mactuallyabigfanofmanuallyimportingcomponentsinVueapplications.Itmakesitveryclearwhereeverycomponentcomesfrom,does......
  • Vue中出现“‘xxxxx‘ is defined but never used”解决办法
    【解决办法】:在package.json或者.eslintrc.js中找到 eslintConfig 块,在其rules下加入"no-unused-vars":"off"即可,如下图然后重新npmrunserve即可。其他命令如下:"no-alert":0,//禁止使用alertconfirmprompt"no-array-constructor":2,//禁止使用数组构造器"no-bitwis......
  • vue--day62--配置代理
    前端发送ajax请求的方式1.xhrnewXMLHttpRequestxhr.open()xhr.send()基本不用2.jquery(封装的xhr)$get$post3.axios(封装的xhr)和jquery比较promise风格的,支持请求拦截器和响应拦截器是jquery的1/4体积小4.fetch(和xhr是同级别的)也是promise......
  • 【技术实战】Vue功能样式实战【七】
    需求实战一样式展示代码展示<template><transitionname="fade-in"appear><ARowv-if="show"><ACol><divclass="info-card"><divclass="in......
  • pyinstaller "importlib.metadata.PackageNotFoundError"
    使用pyinstaller打包后的python程序,执行的时候出现"importlib.metadata.PackageNotFoundError"异常Traceback(mostrecentcalllast):File"main.py",line5,in<module>File"PyInstaller/loader/pyimod02_importers.py",line352,ine......
  • 无涯教程-Perl - quotemeta函数
    描述此函数转义EXPR中的所有元字符。例如,quotemeta("AB*..C")返回"'AB\*\。\。C"。语法以下是此函数的简单语法-quotemetaEXPR返回值此函数返回一个字符串,其中所有元字符均已转义。例以下是显示其基本用法的示例代码-#!/usr/bin/perl-wprintquotemeta("AB......
  • vue项目部署到gitee
    1、首先本地项目生成静态网页npmrunbuild使用本命令将vue项目打包成静态网页存放到dist文件夹里2、将静态资源推到gitee仓库前提条件:新建了git仓库,然后 gitclone +仓库地址,拉到本地,将dist整个文件夹放到刚才拉下来的项目文件夹中。gitadddistgitcommit-m"部署......
  • Java| jdk的src源码目录讲解
    JavaJDK的源代码目录(src)包含了Java核心类库的源代码,它提供了Java编程语言的基本功能和类。src目录结构通常按照包的层次结构组织,每个包对应一个文件夹,而每个类则在相应的包文件夹中以.java文件的形式存在。目录结构-com--sun-java--applet--awt--beans--io--lang--mat......
  • 论文解读:《MetaSEM:通过元学习从单细胞 RNA 数据中推断基因调控网络》
    DOI:10.3390/ijms24032595期刊:InternationalJournalofMolecularSciences中科院分区:2区生物学 影像因子:5.6↓0.608作者:YongqingZhang;MaochengWang;ZixuanWang;YuhangLiu;ShuwenXiong;etal出版日期:2023-01-30网址: https://www.mdpi.com/1422-0067/24/3/2595/p......