一、带参数的动态路由匹配
1.路径参数
在 Vue Router 中,在路径中使用一个动态字段来实现,称之为 路径参数 。
路径参数 用冒号 :
表示。当一个路由被匹配时,它的 params 的值将在每个组件中以 this.$route.params
的形式暴露出来。
可以在同一个路由中设置有多个 路径参数,它们会映射到 $route.params
上的相应字段。
2.响应路由参数的变化
使用带有参数的路由时,相同的组件实例将被重复使用
要对同一个组件中参数的变化做出响应的话,可以简单地 watch $route
对象上的任意属性
使用 beforeRouteUpdate
,也可以取消导航
3.捕获所有路由或 404 Not found 路由
匹配任意路径,可以使用自定义的 路径参数 正则表达式