![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VueRuter
文章平均质量分 62
du_独孤九剑
这个作者很懒,什么都没留下…
展开
-
vueRouter路由 知识点合集(四)
vue 监听路由变化方法一:通过 watch// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},或// 监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听 deep: true }},或转载 2021-01-16 21:35:05 · 89 阅读 · 0 评论 -
vueRouter路由 知识点合集(三)
钩子执行的顺序当点击切换路由时:beforeRouterLeavebeforeEachbeforeEnterbeforeRouteEnterbeforeResolveafterEachbeforeCreatecreatedbeforeMountmountedbeforeRouteEnter的next的回调当路由更新时:beforeRouteUpdate全局钩子使用全局路由钩子,一定要调用next()当一个导航触发时,全局前置守卫按照创建顺序调用。守卫是异步解析执行,此时导原创 2020-09-18 19:45:20 · 235 阅读 · 0 评论 -
vueRouter路由 知识点合集(一)
vueRouter 知识点合集(一)vue-router 由 路由表 导航(router-link )容器(router-view)三部分组成router-link<!-- router-link 最终会被渲染成a标签,to指定路由的跳转地址 --><router-link to="/users">用户管理</router-link><!-- 路由匹配到的组件将渲染在这里 --><router-view></router-view原创 2020-08-04 22:36:55 · 192 阅读 · 0 评论 -
vueRouter路由 知识点合集(二)
vueRouter路由 知识点合集(二)参数数拼接在url后面// 路由定义{ path: '/describe/:id', name: 'Describe', component: Describe}// 页面传参this.$router.push({ path: `/describe/${id}`,})// 页面获取this.$route.params.id编程式路由导航 params传参 参数不会拼接在路由后面,页面刷新参数会丢失// 路由定义{原创 2020-09-18 14:13:57 · 158 阅读 · 0 评论