Vue3 Vite 自定义插件,注册全部全局组件

一、自定义插件

参考:

1、创建 src/components/index.ts

2、内容

import SvgIcon from './SvgIcon.vue'

// 全部全局组件
const allGloablComponent = {
  SvgIcon,
}

export default {
  install(app: any) {
    Object.keys(allGloablComponent).forEach((item) => {
      //@ts-ignore
      app.component(item, allGloablComponent[item])
    })
  },
}

二、注册插件

1、位置

main.ts

2、内容

// 引入
import gloalComponent from '@/components'

// 注册
app.use(gloalComponent)

 

posted @ 2025-03-22 16:41  市丸银  阅读(188)  评论(0)    收藏  举报