vue3使用路由配置

1、安装依赖

npm i vue-router

2、创建配置文件 index.js

import {createRouter, createWebHistory} from 'vue-router'

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

// 路由前置守卫
router.beforeEach((to, from, next) => {
    next()
})

export default router

3、main.js中引入

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

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