vue2.0中的$router 和 $route的区别

  • Post author:
  • Post category:vue




router


是全局的一个路由实例(全局变量),其中包含了所有的路由、路由的关键属性及方法

用法:1、$router.push({path:’/login’})       //路由跳转,实际是往history中添加路径

2、$router.push({path:’/login’,query:{name:’userName’}})  //路由传参,在route中获取参数

3、$router.replace({path:’/login’}) //直接替换掉history中的路径,不记录跳转记录;$router.go(-1)回不到点击跳转的那个页面


route

是一个跳转的路由对象(局部变量),每一个路由都有一个自己的route,route中记录了本次路由跳转的name、path、params、query等参数(this-全局指向,在这里指向当前页面范围的全局变量)

用法:1、let routePath=this.$route.path

2、let query=this.$route.query

在使用时:我们用$router.push({path:’/login’,query:{name:’userName’}})进行页面跳转,其中query是页面传参;下一个页面我们用$route.query来获取上一个页面传递过来的参数(获取到的是{name:’userName’}),



版权声明:本文为csdn_Sandy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。