当前位置: 首页 > article >正文

【Vue】router和route的区别

 经常在vue的路由使用过程中,会将router和route的调用场景弄混

简单而言,其区别如下:

router

  • 含义:用于改变路由、跳转路由的实例对象
  • 可以调用的常见方法有:push、replace、go

route

  • 含义:用于获取当前激活路由的信息对象
  • 常见属性有:query获取查询参数、params获取动态路由参数、path获取当前路径、hash获取哈希位置等等。

✨PS:查询参数和动态路由参数的区别

  •  查询参数是跟在 ? 后面的一连串参数key-value值
  • 动态路由参数是动态路由中传递的参数值,在路径中用表示

例如动态路由 /user/:id,此时:d的具体值根据传入的真实路径来解析,并可以在this.$route.params.id中获取

可参考该博主的文章:

https://juejin.cn/post/7225524569506414653        


http://www.kler.cn/a/286469.html

相关文章:

  • 探索AI(chatgpt、文心一言、kimi等)提示词的奥秘
  • allegro修改封闭图形线宽
  • linux用户管理
  • 【视频+图文详解】HTML基础3-html常用标签
  • 【新春特辑】2025年春节技术展望:蛇年里的科技创新与趋势预测
  • 快速分析LabVIEW主要特征进行判断
  • 不同材质的O型圈优缺点及其应用范围
  • 计算机网络端口
  • 《机器学习》 DBSCAN算法 原理、参数解析、案例实现
  • Flink窗口API使用教程
  • 2024年6月 青少年等级考试机器人实操真题二级
  • Web3常见概念
  • 系统分析师6:计算机网络
  • HTML学习笔记——用HTML记录学习过程5-全局属性
  • 如何用Java SpringBoot+Vue打造高效产品订单管理系统?
  • Markdown语法与Latex公式汇总
  • Linux网络:TCP UDP socket
  • Vue3: customRef自定义响应数据
  • Springboot + AOP + 注解做全局日志拦截并且排除敏感属性以及接口相应时间
  • Web:PHP序列化和反序列化
  • TLS握手性能测试工具:快速重置、多线程与高级统计分析(C/C++代码实现)
  • 一.海量数据实时分析-Doris入门和安装
  • 全能型AI“草莓”的未来展望:多样性VS专业性,谁将引领市场潮流?
  • 在Web服务应用中,如何编程使用Redis的缓存功能?包括缓存页面内容、缓存数据库查询结果、用户会话信息等代码分享
  • Adobe DC 2022提示无法识别的错误 - 解决方案
  • Nginx 反向代理实现 Tomcat 高可用性负载均衡详解