vue学习之------vue-router【动态路由】

动态路由的概念:

把hash地址中的可变部分用【英文冒号(:)+参数 】的形式进行定义

获取动态路由的参数值:

(1)第一种获取方式:可以直接使用 $route.params对象访问到动态匹配的参数

 效果:

 

 (2)第二种获取方式:在路由规则中开启允许props传参,然后在组件中用 props 接收路由中的参数

 

效果:

 

posted @ 2022-08-17 23:53  程序员冒冒  阅读(159)  评论(0编辑  收藏  举报