首页 > 其他 > 详细

vue中的 $router和$route的区别

时间:2020-12-18 10:04:41      阅读:56      评论:0      收藏:0      [点我收藏+]

最近在学习vue的单页面应用开发,需要vue全家桶,其中用到了VueRouter,在路由的设置和跳转中遇到了两个对象$router 和 $route

router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性。

route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象,可以获取对应的name,path,params,query等

1     <!-- $router 用于控制路由的跳转  $route 从路由中拿数据 -->
1 <!-- v-router提供两种页面跳转方式
2     组件式跳转:<router-link to="指定页面"></router-link> 跳转的页面是定死的
3     编码式跳转:<div @click="$router.back()"></div> 跳转页面比较灵活
4   -->
1 <!--
2   $router.back();  后退一个页面
3   $router.push(‘跳转一个新的页面‘);   //本质是向栈中添加一个路由
4   $router.replace(‘替换式跳转新页面‘);
5   $router.go()  1是前进一个页面,-1是后退一个页面
6 -->
1 <!--
2     路由跳转方法里面的参数只要是合理的就可以,
3         可以使字符串,也可以是对象
4 -->    

 

 

vue中的 $router和$route的区别

原文:https://www.cnblogs.com/shiyi2009/p/14153248.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!