vue2.0 $router和$route的区别

做项目的时候发现传参数是通过 this.$route.query或者 this.$route.params 接收 router-link 传的参数。

在网页中有两种跳转方式

1. 方式1：使用 a 标签 跳转；(或者是 router-link )
2. 方式2：使用 window.location.href 的形式，叫做 编程式导航 (简单说就是写JS代码，实现跳转)
   1. vue-router 提供了一种编程式导航方式

使用 JS 的形式进行路由导航,注意区分 $router 和 $route

1. 注意：一定要区分 this.$route和this.$router 这两个对象
2. 其中：this.$route 是路由【参数对象】，所有路由中的参数，params ， query 都属于它
3. 其中：this.$router 是一个路由【导航对象】，用它 可以方便的 使用 JS 代码，实现路由的 前进、后退、跳转到新的 URL 地址

$route 对象

$router 对象

$router 为 VueRouter 实例，这个实例对象上有一个 _ptoto_ 原型对象

1. 这里有一些与 页面历史 相关的方法操作：
   back、forward 、go

2. 实现导航跳转，则有 push 这个方法

3. 在 vue-router 官网中，有关于 this.$router.push() 的用法介绍！
   注意： 官网上写的不明白，他没有加 $ 符，自己写的时候，一定加上！！！