随笔分类 -  五、Vue学习 / Vue路由

摘要:vue-router使用pushStat进行路由更新,不刷新页面,静态跳转; 使用diff算法,按需加载,减少dom操作, 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转,简单方便,但是刷新了页面; 不同页面间跳转 可 阅读全文
posted @ 2023-06-14 10:52 有只小菜猫 阅读(294) 评论(0) 推荐(0)
摘要:一、分类 (1)全局守卫 router.beforeEach 全局前置守卫 进入路由之前 router.beforeResolve 全局解析守卫(2.5.0+) 在beforeRouteEnter调用之后调用 router.afterEach 全局后置钩子 进入路由之后 (2)路由独享守卫 befo 阅读全文
posted @ 2023-06-14 10:52 有只小菜猫 阅读(139) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2023-06-14 10:44 有只小菜猫 阅读(25) 评论(0) 推荐(0)
摘要:vue路由传参是指嵌套路由时父路由向子路由传递参数,否则操作无效 一、利用"router-link"路由导航 父组件: 使用 <router-link to = "/跳转路径/传入的参数"></router-link> 例如:<router-link to="/a/123">routerlink传参 阅读全文
posted @ 2023-06-03 10:07 有只小菜猫 阅读(1124) 评论(0) 推荐(0)
摘要:一、路由、子路由、动态路由 子路由、动态路由类似,不同的是子路由同时有路由跳转和页面跳转的,动态路由只有路由跳转,没有页面跳转 举例如下:/customerHome 下有 item1 和 item2 两个子路由。 import { createRouter, createMemoryHistory, 阅读全文
posted @ 2023-06-03 09:29 有只小菜猫 阅读(375) 评论(0) 推荐(0)