0
点赞
收藏
分享

微信扫一扫

vue3注册全局组件

是波波呀 2022-03-19 阅读 208

全局组件

我这使用的是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 组件了,无需引入了

举报

相关推荐

0 条评论