vue路由的知识点

Posted l8l8

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue路由的知识点相关的知识,希望对你有一定的参考价值。

 this.$router.push({name:‘login‘,query:{name:‘ww‘,age:18}}) 传数据
this.$route.query 拿数据
meta:{
        "dl":true}   //权限路由 一旦设置了这个meta标签就会在访问该路由时进行meta里面的值的判断。
        由此实现了登录拦截
props 也可以在routes里面使用 设置成true时,可以在改路由的组件内props 接收到值。

路由全局的钩子函数
全局守卫
router.beforeEach((to,from,next)=>{   });

router.beforeEach 进入到每个路由前都会执行这个钩子函数。
to:切换到的路由  
from:来自于那个路由
next:进行切换 如何不执行next(),不会执行

 

以上是关于vue路由的知识点的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

vue知识点-$route和$router

vue-router 2.0 常用基础知识点之router-link

vue路由对象($route)参数简介

vue 路由对象(常用的)

Vue知识点-改变路由的哈希模式(去掉路由中的#)