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

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对象

相关推荐