vue 全局注册组件,vue2 vue3两种方式

主要是有的组件 我们可能很多页面都会用到 这个时候 为了避免每个页面组件都引入,
a.vue

import header from "@/components/header.vue"

b.vue

import header from "@/components/header.vue"

c.vue

import header from "@/components/header.vue"

这样就造成很大的代码重复了 是不是很难受
因为现在vue3 也慢慢替换vue2 但v2可能还是主流 所以这里我写出
两个全局注册的方式

vue2
在main.js 中

import Vue from 'vue'
import header from "@/components/header.vue"
Vue.component("header", header)

vue3

import  {
    
     createApp } from 'vue'
import App from './App.vue'
import header from "@/components/header.vue"

const app = createApp(App)
app.component('header', header )

染后就可以在组件中直接使用了

<template>
	<header></header>
</template>

关注我 持续更新前端知识。