在vue3项目中，全局注册插件

记录一下,在vue3项目中,自定义了组件,怎么全局注册。新建一个文件，src/components/index.ts 然后写如下内容。 自己引入组件，进行注册。

import type { App } from "vue";
import { FontIcon, IconifyIconOffline, IconifyIconOnline } from "./ReIcon";
import { Auth } from "./ReAuth";
import FxTable from "./FxTable/index.vue";

export default {
  install(app: App) {
    // 全局注册@iconify/vue图标库
    app.component("IconifyIconOffline", IconifyIconOffline);
    app.component("IconifyIconOnline", IconifyIconOnline);
    app.component("FontIcon", FontIcon);

    // 全局注册按钮级别权限组件
    app.component("Auth", Auth);

    // table 组件
    app.component("FxTable", FxTable);
  }
};

在src/main.ts中

全局引用组件

// 自定义组件
import CustomComponents from "./components/index";

const app = createApp(App);

app.use(CustomComponents);