vue2.0 $router和$route的区别

转载自  vue2.0 $router和$route的区别

在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方法


本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/328094.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

基于Bootstrap 3.x的免费高级管理控制面板主题：AdminLTE

基于Bootstrap 3.x的免费高级管理控制面板主题：AdminLTE

AdminLTE 是一个基于Bootstrap 3.x的免费高级管理控制面板主题。AdminLTE - 是一个完全响应式管理模板。基于Bootstrap3框架。高度可定制的，易于使用。适合从小型移动设备到大型台式机很多的屏幕分辨率。 在线预览: http://almsaeedstudio.com/preview/ AdminLTE 在…
阅读更多...
Spring MVC开发环境搭建

Spring MVC开发环境搭建

现在springMVC是非常常用的框架，很多公司的内部都是使用这个框架 打开maven查询jar包的网址 mvnrepository.com 测试是否成功 war:只是运行 war expord: 运行且调试
阅读更多...
Redola.Rpc 的一个小目标：20000 tps

Redola.Rpc 的一个小目标：20000 tps

Redola.Rpc 的一个小目标 Redola.Rpc 的一个小目标：20000 tps。 Concurrency level: 8 threadsComplete requests: 20000 Time taken for tests: 0.886 secondsTime per request: 0.044 ms (avg)Requests per second: 22573 [#/sec] (avg) Concurrency level: 8 thr…
阅读更多...
vue 动态修改路由参数

vue 动态修改路由参数

转载自 vue 动态修改路由参数 import merge from webpack-merge；修改原有参数 this.$router.push({query:merge(this.$route.query,{maxPrice:630}) })新增一个参数： this.$router.push({query:merge(this.$route.query,{addParams:我是新增的一…
阅读更多...
2016年寒假心得

2016年寒假心得

对于上学的孩子来说每年都有寒假，可是一样的寒假总是不一样的玩法。自从高中毕业之后，很少动笔写文了，这次就好好的写一下吧！咱的文笔也不是很好，就写个最简单的流水状大家凑合的看看吧！！&#…
阅读更多...
标题

标题

阅读更多...
Vue.js 定义组件模板的七种方式

Vue.js 定义组件模板的七种方式

转载自 Vue.js 定义组件模板的七种方式在 Vue 中定义一个组件模板，至少有七种不同的方式（或许还有其它我不知道的方式）： 字符串模板字面量x-template内联模板render 函数JSF单文件组件 在这篇文章中，我将通过示例介绍…
阅读更多...
.Net Core上用于代替System.Drawing的类库

.Net Core上用于代替System.Drawing的类库

目前.Net Core上没有System.Drawing这个类库，想要在.Net Core上处理图片得另辟蹊径。 微软给出了将来取代System.Drawing的方案，偏向于使用一个单独的服务端进行各种图片处理https://github.com/dotnet/corefx/issues/2020https://github.com/imazen/Gra…
阅读更多...
16-1 Redis分布式缓存引入与保存缓存功能实现

16-1 Redis分布式缓存引入与保存缓存功能实现

16-1 Redis分布式缓存引入与保存缓存功能实现 现在功能已经完成了，但是我们还是要考虑一下性能问题，现在任何请求都是要到数据库中查询很多的数据，才能知道当前的用户是否有权限可以访问当前的url，当我们的请求量很大时&#xff…
阅读更多...
oracle基本笔记整理

oracle基本笔记整理

oracle，简单来说就是数据库，数据库 ，顾名思义，就是存放数据的容器！！ 不知道oracle的我先科普一下吧~~~科普，科学普及简称科普，又称大众科学或者普及科学，是指利用各种传…
阅读更多...
不同范数下的余弦定理_第06题 | 从源头追溯「余弦定理」amp; 文理科知识点的异同...

不同范数下的余弦定理_第06题 | 从源头追溯「余弦定理」amp; 文理科知识点的异同...

文、理科数学大部分知识点、甚至相关知识点的考查形式都是共同的，甚至往年理科题目过几年就会出现在文科试卷上，反之亦然；「射影定理」是「余弦定理」的直接来源，所以不算超纲知识点。先发福利：这里有6场「高考数学」系…
阅读更多...
ASP.NET CORE 项目实战 ---图形验证码的实现

ASP.NET CORE 项目实战 ---图形验证码的实现

简介　　 很长时间没有来更新博客了，一是，最近有些忙，二是，Core也是一直在摸索中，其实已经完成了一个框架了，并且正在准备在生产环境中试用，但是很多东西也是出于自己理解的肤浅和技术的不断更新…
阅读更多...
vue.js 接收url参数

vue.js 接收url参数

转载自 vue.js 接收url参数1) 路由配置传参方式在配置路由时 例如 "/firewall/authorize/:uid/:uname/:token"页面url为 http://XXX.com/firewall/authorize/23/zhangman/232454 js 接收方式 this.$route.params.uid,2) ?传参方式例 http://XXX.com/firewall/auth…
阅读更多...
在IDEA中将SpringBoot项目打包成jar包的方法 不要用 在上面有可以用的

在IDEA中将SpringBoot项目打包成jar包的方法 不要用 在上面有可以用的

在IDEA中将SpringBoot项目打包成jar包的方法 2018年03月07日 10:43:52 叶叶叶叶大爷 阅读数 71375 版权声明： https://blog.csdn.net/qq_37105358/article/details/79467401 SpringBoot项目无需依赖tomcat容器(内含)就可以发布,现在将打包步骤记录一下: 1. 打包前…
阅读更多...
磁珠 符号_贴片磁珠功能_贴片磁珠应用

磁珠 符号_贴片磁珠功能_贴片磁珠应用

磁珠专用于抑制信号线、电源线上的高频噪声和尖峰干扰，还具有吸收静电脉冲的能力。磁珠是用来吸收超高频信号，像一些RF电路，PLL，振荡电路，含超高频存储器电路(DDRSDRAM，RAMBUS等)都需要在电源输入部分加磁珠…
阅读更多...
跨平台的 NodeJS 组件解决 .NetCore 不支持 System.Drawing图形功能的若干问题

跨平台的 NodeJS 组件解决 .NetCore 不支持 System.Drawing图形功能的若干问题

问题 生成缩略图生成验证码生成二维码给图片加水印 外部引用 Node 不解释 https://nodejs.org/en/download/sharp 高性能缩略图 https://github.com/lovell/sharpqr-image 二维码 https://github.com/alexeyten/qr-imagecaptchagen 验证码 https://github.com/contra/ca…
阅读更多...
Vue动态路由匹配

Vue动态路由匹配

转载自 动态路由匹配我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用…
阅读更多...
用IDEA把SpringBoot项目打成jar发布项目 不要用 在上面有可以用的

用IDEA把SpringBoot项目打成jar发布项目 不要用 在上面有可以用的

用IDEA把SpringBoot项目打成jar发布项目 2019年03月27日 11:08:51 小天努力学java 阅读数 235更多 所属专栏： SpringBoot学习 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/tian330726/article/details/8882…
阅读更多...
oracle笔记整理2

oracle笔记整理2

--创建员工信息表 create table employee ( empno number(4) not null,--员工编号 ename varchar2(10), --员工姓名 job varchar2(9), --员工工种 mgr number(4), --上级经理编号 hiredate date, --受雇日期 sal number(7,2), --员工薪水 comm number(7,2…
阅读更多...
lin通讯从节点同步间隔场_汽车行业必须知识--CAN FD通讯

lin通讯从节点同步间隔场_汽车行业必须知识--CAN FD通讯

前面我们讲了CAN的基础知识，但是由于CAN总线存在通讯速率低，报文头过长，刷新速率低等缺点。为解决这些问题CAN-FD应运而生。首先看看发展历史，2012年，BOSCH发布CAN FD white paper V1.0；2014，In…
阅读更多...
最新文章

Copyright @ 2022~2023