vue3全局引入router

在Vue3中，全局引入router需要先安装vue-router，并在main.js中进行配置。具体步骤如下：

1. 安装vue-router：在项目根目录下运行命令`npm install vue-router`或`yarn add vue-router`进行安装。

2. 在main.js中引入vue-router并配置：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

createApp(App).use(router).mount('#app')

其中，`router`是从`./router`中导入的VueRouter实例。

3. 在router.js中配置路由：

import { createRouter, createWebHistory } from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router

其中，`routes`是路由配置数组，每个路由对象包含`path`、`name`和`component`三个属性，分别表示路由路径、路由名称和对应的组件。