vue2.0 $router和$route的区别

最新推荐文章于 2025-06-12 16:08:43 发布
最新推荐文章于 2025-06-12 16:08:43 发布
阅读量743 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： vue-router
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/margin_0px/article/details/82259055
博客介绍了Vue2.0中页面参数的接收方式，可用this.$route.query或this.$route.params接收router - link传的参数。还说明了路由跳转方法，除router - link标签外，可在script标签里用this.$router.push跳转，同时介绍了$route和$router的区别及$router.go返回上一页面的用法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在vue2.0里页面参数是 this.$route.query或者 this.$route.params 接收router-link传的参数。

在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转，所以有个方法就是在script标签里面写this.$router.push('要跳转的路径名')，

 在写的时候发现这两个为什么不同，在控制台打出this的时候，发现$route和$router同时存在

 

$route为当前router跳转对象里面可以获取name、path、query、params等

$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法

返回上一个history也是使用$router.go方法

Vue篇(008)-vue2.0中的$router 和 $route的区别
手掌日月摘星辰
03-04 476
参考答案：$route 是路由信息对象，包括path，params，hash，query，fullPath，matched，name 等路由信息参数；而 $router 是路由实例对象，包括了路由的跳转方法，钩子函数等。 解析
68.vue2.0学习 —— vue-router
Kylincsg的博客
02-20 909
在组件中使用router-view和router-link。下一篇：上线部署(nginx)vue的一个插件库，专门用来实现SPA应用。下载vue-router插件。在项目中配置路由表和路由插件。
2019.2月份学习总结
weixin_43427474的博客
03-02 857
2019.2月份学习总结又涨一岁二月份收获读书英语微信公众号与闲鱼认知BIM学习展望三月 又涨一岁 2月5号迎来了传统节日中最重要的一个节日——春节，也意味着我27（虚）岁了，新的一年我也给自己定下了目标，会更加努力，使自己变得更好，使身边的人和事物变得更美丽！ 二月份收获 整个二月份收获还是不少的，无论是认知、技能等方面，都有了一些进步。 读书 按照与女朋友的约定（每个月至少读一本书），这个月读...
VUE中的route和router的区别，别再傻傻分不清了！
最新发布
redwe的博客
06-12 783
很多做前端开发的小白，被vue的路由搞得头大，尤其是route和router的区别，总是弄不明白，有时候很容易弄混，那么今天咱们就说道说道，这个route和router的区别到底在哪里？
2019年2月26日 心得体会
MatrixTao
02-26 364
vector.swap清空vector内存     std::vector<string>().swap(sumHour);   创建目录生成文件     if(0 != access(outputFp.c_str(), 0))     {         mkdir(outputFp.c_str());     }     outputFp = "I:\\gim\\" + to...
$router和$route的区别
JJ_huahua的博客
01-21 1279
$router和$route的区别
vue router总结 $router和$route及router与 router与route区别
wgq2020的博客
10-26 577
Vue Router是Vue.js官方提供的路由管理器，它能够非常方便地实现多页面之间的跳转、参数传递、404页面处理等功能。在Vue Router中，是当前活跃路由对应的路由信息对象。它包含了当前路由的一些信息，例如：当前的路径、参数、查询参数等。route是Vue Router中非常重要的对象，掌握它们的用法可以更好地实现路由管理。route是两个非常重要的对象，下面我们来分别介绍它们的作用。router来定义路由规则、跳转路由、监听路由变化等操作。实例，可以通过它来访问路由对象和方法。
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
10-18
以上这些就是Vue2.0中使用.vue文件页面跳转时.$router.push方法的详细用法和相关知识点。希望这篇文章能够帮助到正在使用Vue框架进行前端开发的朋友们，帮助他们更加有效地管理和使用路由跳转功能。
vue项目使用$router.go(-1)返回时刷新原来的界面操作
11-20
在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。 问题如下： 界面1 ： 界面2使用$router.go(-1)返回上一...
2019年2月工作总结
weixin_43852674的博客
02-16 978
总结下这一个月以来的代码小trick呀～ 1.7 精确度 将xml转换成json： xmltodict.parse() xml = open(xml_path,‘r’) xml = xml.read() json = xmltodict.parse(xml) 读取文件夹下所有文件 os.walk() append,extend, - list之间可以直接+，效果等于extend a = [1,...
Vue动态路由、动态路由如何进行参数的传递、$router和$route的区别、命名路由、命名视图
m0_74343097的博客
01-12 3401
Vue动态路由、动态路由如何进行参数的传递、$router和$route的区别、命名路由、命名视图
vue-router
热门推荐
青蛙king的博客
08-08 1万+
一、如何引入并使用Vue Router 使用 Vue.js 通过组合组件来组成单页面应用程序时，如何引入并使用Vue Router 呢？ 第一步，将组件 (components) 映射到路由。 第二步，告诉 Vue Router 在哪里渲染它们。 二、动态路由匹配 三、嵌套路由 四、编程式的导航 五、命名路由 六、命名视图 七、重定向和别名 八、路由组件传参 九、HTML5 History 模式 ...
$route 和$router 的区别
午夜后是黎明，风雨后是骄阳
12-17 935
在 Vue.js 中， 和 是 Vue Router 提供的两个非常重要的对象，它们用于管理和操作路由。定义： 是一个响应式的对象，它包含了当前激活路由的所有信息，例如路径、参数、查询字符串等。你可以把它看作是“当前路由快照”。常见属性： 的用途 读取路由信息：你可以使用 来访问当前路由的各种信息，如路径 ()、参数 ()、查询字符串 () 等等。动态组件渲染：根据 中的数据（比如 或 ），可以实现动态加载不同的组件或内容。导航守卫：虽然 本身不直接用于导航控制，但它可
前端Vue篇之如何获取页面的hash变化、`$route` 和`$router` 的区别、params和query的区别
星辰迷上大海的博客
03-06 2612
获取页面的hash变化：通过监听 hashchange 事件，可以实时获取页面哈希的变化。使用 window.location.hash 可以读取当前哈希值。
$route和$router的区别详解
Allen的博客
06-24 9094
$ router是用来操作路由的，$ route是用来获取路由信息的。他包含了所有的路由，包括路由的跳转方法，钩子函数等，也包含一些子对象（例如history） 常用的跳转连接的方法： //常规方法 本质是向history栈中添加一个路由，在我们看来是切换路由，但本质是在添加一个history记录 1.$route.path 字符串，等于当前路由对象的路径，会被解析为绝对路径，如 “/home/news” 。2.$route.params 对象，包含路由中的动态片段和全匹配片段的键值对。3.route.qu
$route 和 $router详解、区别、示例代码
大剑师兰特的GIS世界
07-12 1110
在 Vue.js 中，`$route` 和 `$router` 是与路由相关的两个重要概念，它们主要在使用 Vue Router 时发挥作用。让我们分别了解这两个概念以及它们的区别，并通过示例代码来加深理解。
vue router之route和router的区别
wei_dan1129的博客
12-08 856
route是一个路由对象（route object）表示当前激活的路由的状态信息，它包含了当前URL解析得到的信息，还有URL匹配的路由记录。路由对象是不可变的，每次成功的导航后都会产生一个新的对象。
使用Vue 2.0和Vue-router搭建单页应用教程
本文主要介绍了如何使用Vue 2.0和Vue-router构建一个简单的单页应用，包括Vue.js的基本介绍、环境搭建步骤以及开发过程。 Vue.js是一个非常流行的前端框架，它结合了Angular.js和React.js的优势，同时避免了它们的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值