点进来,三分钟告诉你VUE路由怎么写

一、带参数的动态路由匹配1.路径参数在 Vue Router 中,在路径中使用一个动态字段来实现,称之为路径参数。路径参数用冒号:表示。当一个路由被匹配时,它的params的值将在每个组件中以this.$route.params的形式暴露出来。可以在同一个路由中设置有多个路径参数,它们会映射到$route.params上的相应字段。2.响应路由参数的变化使用带有参数的路由时,相同的组件实例将被重复使用要对同一个组件中参数的变化做出响应的话,可以简单地 watc...
摘要由CSDN通过智能技术生成

一、带参数的动态路由匹配

1.路径参数

在 Vue Router 中,在路径中使用一个动态字段来实现,称之为 路径参数 。
路径参数 用冒号 : 表示。当一个路由被匹配时,它的 params 的值将在每个组件中以 this.$route.params 的形式暴露出来。


可以在同一个路由中设置有多个 路径参数,它们会映射到 $route.params 上的相应字段。

2.响应路由参数的变化

使用带有参数的路由时,相同的组件实例将被重复使用
要对同一个组件中参数的变化做出响应的话,可以简单地 watch $route 对象上的任意属性

 使用 beforeRouteUpdate ,也可以取消导航

 3.捕获所有路由或 404 Not found 路由

匹配任意路径,可以使用自定义的 路径参数 正则表达式

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值