搞清楚Vue-router中的RouterRouter实例Router对象的区别与联系

Posted 2020-12-15 niejunchan

1. Router

Router是Vue-router的定义，在面向对象的思想中可以理解为Router类。

2. Router实例

Router实例是指通过new Router()方法实例化的一个Router实例对象。

3. Router对象

一个路由对象 (Router对象) 表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息（$route.path、$route.params、$route.query、$route.hash、$route.fullPath、$route.matched、$route.name、$route.redirectedFrom），还有 URL 匹配到的路由记录 (route records)。路由对象是不可变的，每次成功的导航后都会产生一个新的对象。

Vue-router官方文档中的“API参考”的内容，主要就是对这三者的配置选项、属性、方法等的详细描述。该文档的路径为：
https://router.vuejs.org/zh/api/

注意：下面这些属性成员会被注入到每个Vue子组件中（其中的this指向组件中的Vue实例）。

• this.$router

router 实例。

• this.$route

router对象