vue
vue3+vite自动化注册全局组件
vue3加载远程组件
Vue Vine 编写 Vue 的另一种风格
Vueuse 实现数字滚动 Count-to
学会这几个常用功能，给你的 vue3 项目加点餐！
为什么有些 Vue3 项目已经开始弃用 Pinia 了？
Vue3 的 5 个组合式 API 方法
Vue3+TS+canvas 项目预览图片时，添加水印，浏览器禁止右键功能、前端禁止直接获取图片地址
Vue3.x 生态最能打的组合！
vue2封装常用工具类
使用 v-once 和 v-memo 进行 Vue 渲染优化
基于 Vue + Element plus + Node 实现大文件分片上传，断点续传和秒传的功能！
Vue中的$attrs和$listeners对象有什么作用？
本文档使用 MrDoc 发布
-
+
首页
vue3+vite自动化注册全局组件
vite中的引入方式。 - **import.meta.glob** 为过动态导入 - **import.meta.globEager** 为直接引入（vite4.0已废弃） components目录下创建一个global文件夹（放全局通用组件），index.ts文件  index.ts代码如下： ```js import type { App } from 'vue' import type { AsyncComponentLoader } from 'vue' import { defineAsyncComponent } from 'vue' const importComponentsFn = import.meta.glob('./global/*.vue') export default { install(app: App) { for (const [key, value] of Object.entries(importComponentsFn)) { const name = key.slice(key.lastIndexOf('/') + 1, key.lastIndexOf('.')) app.component(name, defineAsyncComponent(value as AsyncComponentLoader)) } } } ``` 然后我们在main.js import引入 ```vue import components from '@/components/index'app.use(components) ``` 然后在我们需要用到该AppNoData.vue组件的时候，直接即可 ```html <manageTable /> ``` > 原文地址 https://mp.weixin.qq.com/s/27eHdnMU1urPPOISCVfS6g
admin
2024年7月2日 11:51
转发文档
收藏文档
上一篇
下一篇
手机扫码
复制链接
手机扫一扫转发分享
复制链接
Markdown文件
分享
链接
类型
密码
更新密码