vue笔记-路由

文章目录createWebHistory的使用router-linkrouter-link颜色是黑色正常应该是蓝色router-link 跳转了但是不展示router-view占位符其他vue这个题目还是太大路由单独拆出来。createWebHistory的使用推荐在vue-router4中使用。1、导入。import{createRouter,createWebHistory}fromvue-router2、创建 router 时使用 createWebHistory。constroutercreateRouter({history:createWebHistory(process.env.BASE_URL),routes:[// 路由配置]})router-linkrouter-link是个快捷标签可以替代a标签更简练更优雅。router-link的两种用法router-linkto/homeHome/router-linkrouter-link:to{ path: /about }About/router-linkrouter-view需要加上否则界面可能不展示。router-view/router-viewrouter-link颜色是黑色正常应该是蓝色一般是路由未生效查了下确实是如果没写app.use(router)这句可能会有这个问题。import{createApp}fromvue;importAppfrom./App.vue;importrouterfrom../src/index.jsconstappcreateApp(App);app.use(router);// 漏了这句app.mount(#app);router-link 跳转了但是不展示看看是不是少了router-view加上这句试试。router-view/router-viewrouter-view占位符很重要的一个标签。如果路由匹配到了会替换router-view标签的内容为匹配到的内容。router-view/router-view其他