vue3注册全局组件

全局组件

我这使用的是ts，使用js的话修改对应的就行
tabs.vue 和 index.ts 同目录

• tabs.vue

<template>
    <div>
        全局组件
    </div>
</template>

<script lang="ts">
    export default {
        name: "myTabs"
    }
</script>

<style scoped>

</style>

• index.ts

// 我这里使用的是 vite 使用 webpack 这里可以不加 .vue 但是使用 vite 必须加上
import tabs from './tabs.vue'

export default (Vue: any) => {
    Vue.component(tabs.name, tabs)
}

• main.ts

// 引入全局组件
import tabs from "./components/myComponents/tabs.vue";
const app = createApp(App)
app.use(tabs)

到这之后就可以在 vue 文件里面直接使用 tabs 组件了，无需引入了