在Vue3中使用vue-router，首先安装vue-routercnpmivue-router@next在router文件夹下新建index.jsimport{createRouter,createWebHashHistory,createWebHistory}from"vue-router"//1。定义要使用的路由组件（一定要使用文件全名，包括文件后缀）importindexfrom"../components/index.vue"importywczfrom"../components/ywcz.vue"//2。路由配置constroutes=[//redirect重定向也是通过routes配置完成的，下面是从/重定向到/index{path:"/",redirect:"/index",},{path:"/index",component:index},{path:"/ywcz",component:ywcz},]//3.创建路由实例constrouter=createRouter({//(1)采用hash方式history:createWebHashHistory(),//(2)采用历史模式//history:createWebHistory(),routes,//使用上面定义的路由配置})//4.exportroutexportdefaultrouter和importrouterimportrouterfrom"./router"inmain.js//匹配自己项目对应的路径createApp(App).use(router).mount("#app")//使用App.vue中配置的路由使用
