我们先下载
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)