vue3router路由的配置

我们先下载

pnpm install   vue-router

下载完了以后我们在src目录下创建一个router文件夹,然后创建一个index.ts

index.ts里面配置一下代码

import {createRouter,createWebHistory} from "vue-router";
import {constantRoute} from "./router"
const router = createRouter({
          
        history:createWebHistory(),
        routes:constantRoute
})
export default router;

然后我们在index.ts同级创建一个router.ts

写一下代码

export const constantRoute = [
    {
        path:"/",
        name:"home",
        component:()=>import("../layout/index.vue"),

  },

]

最后我们在main.ts里面配置一下代码

import router from "./router";

app.use(router)