安装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 协议》,转载必须注明作者和本文链接