做项目的时候发现传参数是通过
this.$route.query
或者this.$route.params
接收 router-link 传的参数。
在网页中有两种跳转方式
- 方式1:使用 a 标签 跳转;(或者是 router-link )
- 方式2:使用 window.location.href 的形式,叫做 编程式导航 (简单说就是写JS代码,实现跳转)
- vue-router 提供了一种编程式导航方式
使用 JS 的形式进行路由导航,注意区分 $router 和 $route
- 注意:一定要区分 this. r o u t e 和 t h i s . route 和 this. route和this.router 这两个对象
- 其中:this.$route 是路由【参数对象】,所有路由中的参数,params , query 都属于它
- 其中:this.$router 是一个路由【导航对象】,用它 可以方便的 使用 JS 代码,实现路由的 前进、后退、跳转到新的 URL 地址
$route 对象
$router 对象
$router 为 VueRouter 实例,这个实例对象上有一个 _ptoto_
原型对象
-
这里有一些与 页面历史 相关的方法操作:
back
、forward
、go
-
实现导航跳转,则有
push
这个方法 -
在 vue-router 官网中,有关于
this.$router.push()
的用法介绍!
注意: 官网上写的不明白,他没有加$
符,自己写的时候,一定加上!!!