![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-router
lvpeng-web
一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱;
展开
-
vue2.0中的$router 和 $route的区别
最近在学习vue的单页面应用开发,需要vue全家桶,其中用到了VueRouter,在路由的设置和跳转中遇到了两个对象$router 和 $route ,有些傻傻分不清,后来自己结合网上的博客和自己本地的Vue devtools结构了解了他们的区别 1.router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个...转载 2019-06-16 11:38:08 · 103 阅读 · 0 评论 -
this.$router.push、replace、go的区别
1.this.$router.push() 描述:跳转到不同的url,但这个方法回向history栈添加一个记录,点击后退会返回到上一个页面。 用法: 2.this.$router.replace() 描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,不能跳转到上一个页面 3.this.$router.go(n) 相对于当前页面向前或向后跳转多少个页面,...原创 2019-06-16 12:10:32 · 94 阅读 · 0 评论 -
vue 路由传值的4种方法
对应的路由配置模块 1、使用router.push拼接参数传参this.router.push 拼接参数传参 this.router.push拼接参数传参this.router.push(’/editCardetail?editType=add’) 2 当点击 时,这个方法会在内部调用,即点击 等同于调用 router.push(…) a) 声明式: b) 编程式...翻译 2019-06-16 12:48:44 · 711 阅读 · 0 评论