码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-05-11 01:14:12      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:导航   面向对象的思想   http   面向对象   https   匹配   href   rom   params   

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

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

标签:导航   面向对象的思想   http   面向对象   https   匹配   href   rom   params   

原文地址:https://www.cnblogs.com/niejunchan/p/12866419.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!