vue3 利用自定义插件方法实现一次性注册全部全局组件

60 阅读1分钟

(1)在组件库文件夹下的入口文件处,注册一个自定义插件对象并引入所有全局组件,暴露一个 install 方法

图片.png

index.ts

图片.png

(2)在 main.ts 文件引入自定义插件,注册整个项目的全局组件

import globalComponent from '@/components'

app.use(globalComponent)

(3)这样全局组件就注册完了,只需要在使用的时候正确使用组件并传值即可。