安装vue-router

通过npm安装

npm install vue-router@4

路由文档：https://router.vuejs.org/zh/guide/

配置router

main.js 添加

import router from './router/index'

const Vue = createApp(App)
Vue.use(router)
Vue.mount('#app')

创建src/router文件夹，router文件夹里创建index.js和routers.js

index.js

import { createRouter, createWebHistory } from "vue-router"
import routes from "./routers.js"
var router = createRouter({
    history: createWebHistory(),
    routes
})
export default router

routers.js

const routes = [
    {
        name: "Home",
        path: "/",
        component: () => import("../components/Home/Home.vue")
    }
]
export default routes;

本作品采用《CC 协议》，转载必须注明作者和本文链接