前端开发:Vue路由传递参数和重定向的使用总结

94 篇文章 5 订阅 ¥159.90 ¥299.90

前言

前端开发过程中,作为前端开发者来说关于vue的使用并不陌生,vue相关常用的知识点也是非常重要的,不管是在实际开发中还是在求职面试中都很重要。在vue使用中,路由相关的知识点是非常重要的,而且在实际开发中也是必用知识点,那么本篇博文就来聊聊vue的路由参数传递和路由重定向相关的知识点。

概念

1、vue路由传参

在使用vue开发中,路由传参是指在嵌套路由的时候,父路由向子路由传递参数,否则的话传参操作无效的。路由传参方式分为:params传参、query传参和url字符串拼接,其中,params传参又分为在url中显示参数和不显示参数两种方式。在实际使用过程中,需要知道路由跳转并传参的方式(声明式导航和编程式导航)以及接收路由参数的方法等。

2、vue路由重定向

在使用vue开发中,路由重定向指的是用户在访问地址A 的时候,强制跳转到地址D ,从而展示特定的组件页面;通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向。

实际使用场景

在实际开发中,经常需要把某种模式匹配到的所有路由,全都映射到同一个组件。比如,现在有一个 Student组件,对于所有ID各不相同的学生用户,都要使用这个组件来渲染,这时候就需要使用传递参数来实现了。

在实际场景中的另一个情况,在用户首次访问网站页面("/根目录"首页)时,地址栏里边没有“#锚点”的信息,也就没有对

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三掌柜666

如果对您有所帮助,请支持一下呗

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值