vue中的路由对象和路由记录

路由对象：就是一个对象喽，里面包含了当前激活的路由的状态信息，有URL解析得到的信息和URL匹配到的路由记录

一个路由对象表示当前激活的路由的状态信息，每次成功导航后都会产生一个新的对象

path:字符串，对应当前路由的路径
params：对象，包含动态路由参数
query：对象，URL查询参数（含“/”）
hash：字符串，当前路由的hash值（含“#”）
fullPath：字符串，URL包含查询参数和hash的完整路径
matched：数组，包含当前路由的所有嵌套路径片段的路由记录
name：字符串，当前路由的名称

路由对象出现在的地方有：

在组件内，即 this.$route
在 $route 观察者回调内
router.match(location) 的返回值
导航守卫的参数：
scrollBehavior 方法的参数:

路由记录：路由记录就是routes配置数组中的对象副本（还有在children数组）

看下面的图就知道喽：

如果您对这两个概念比较模糊的话，推荐看官网（毕竟官网是学习的最好地方）：

https://router.vuejs.org/zh/api/#%E8%B7%AF%E7%94%B1%E5%AF%B9%E8%B1%A1

vue中的路由对象和路由记录相关推荐

vue中的props对象
vue中的props对象 1.props对象的定义 props其实是properties的缩写,props对象是用来定义属性的.props对象可以接受数组形式的参数又或者是对象形式的参数. 数组形式 ...
理解Vue中的methods对象方法里的this指向，并解读源码
Vue3的版本 "version": "3.2.20" 阅读区域 618 - 645 解决疑惑 1. methods 对象的 this指向 2. methods ...
vue 中遍历数组对象存到一个新数组里
vue 中遍历数组对象存到一个新数组里(亲测可行!!!) 参考文档 : MDN-解构赋值方法一 : For of 迭代和解构 var people = [{name: 'Mike Smith',f ...
微信js扫一扫，扫条形码去掉code_128。在vue中封装全局对象的方法，封装微信js-sdk权限验证的方法
微信公众号在调用扫一扫功能时,一维码(条形码)在直接返回结果时会在结果前带上EAN_8, EAN_13, CODE_25, CODE_39, CODE_128, UPC_A, UPC_E wx.sca ...
解决Vue中重复点击相同路由控制台报错问题
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见. 报错信息报错原因 vue router ≥ v3.1 后 ,回调形式改成prom ...
四种解决Vue中重复点击相同路由控制台报错问题（ Avoided redundant navigation to current location）
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但是看的就不舒服. 报错信息 Uncaught (in promise) NavigationDupl ...
vue中给window对象上添加属性的方法
web页面通讯方法.window.open打开新页面,父子页面通讯的方法最直接的就是获取对方的window对象进行调用父子各自得属性及方法. 下面是整理的几种通讯得方法仅供参考第一种 // 第一种方 ...
vue中怎么遍历对象取出里面的键和值组成数组
首页发请求拿到一个对象: 动态创建一个对象里面有键和值: combinationObject(value,label){let obj = {}obj.value = valueobj.label = ...
【Vue】vue中的路由导航守卫(路由的生命周期)
文章目录全局前置守卫可选的第三个参数 `next` 全局解析守卫 router.beforeResolve 全局后置钩子路由独享的守卫组件内的守卫可用的配置 API 使用组合 API 完整的 ...

vue中的路由对象和路由记录

vue中的路由对象和路由记录相关推荐

最新文章

热门文章