route和router的区别
最新推荐文章于 2024-08-12 17:17:04 发布
Senora
最新推荐文章于 2024-08-12 17:17:04 发布
阅读量4.5k
收藏
46
点赞数
7
本文深入探讨了Vue Router中的$route和$router的区别。$route提供了当前路由的信息，包括name、meta、path、hash、query、params等。而$router是VueRouter的实例，用于操作路由，如go()、back()、forward()和push()、replace()方法，实现页面跳转。了解这两者的差异对于掌握Vue应用的路由管理至关重要。
简单理解为，route是用来获取路由信息的，router是用来操作路由的。
一、$route
route是路由信息对象，每一个路由都会有一个route对象，是一个局部的对象,里面主要包含路由的一些基本信息，比如name、meta、path、hash、query、params、fullPath、matched、redirectedFrom...
1. $route.name 当前路径名字
2. $route.meta 路由元信息
3. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。
4. $route.hash 当前路由的hash值 (不带#) ，如果没有 hash 值，则为空字符串。锚点*
5. $route.query 一个 key/value 对象，表示 URL 查询参数。例如，对于路径 /foo?user=1，则有$route.query.user == 1，如果没有查询参数，则是个空对象。
6. $route.params 一个 key/value 对象，包含了 动态片段 和 全匹配片段，如果没有路由参数，就是一个空对象。
7. $route.fu
最低0.47元/天 解锁文章
扫一扫
497
到【灌水乐园】发言
a coolcat: 啥意思啊，头好痒，根本看不懂
VillainTom: 说的真好 都是核心知识点
小轩在不在哟: 最后一句说反了 博主
「已注销」: axios对ajax进行封装，不是应该ajax有的他都有，ajax没有的他也有嘛
Vanghua: 引用「就是当页面刷新了是获取不到参数值的」 测试了一下，URL带有数据的params传参刷新后数据不会丢失。URL不显示数据的params传参刷新后数据会丢失。