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

动态路由的概念：

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

获取动态路由的参数值：

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

 效果：

 

 （2）第二种获取方式：在路由规则中开启允许props传参，然后在组件中用 props 接收路由中的参数

 

效果：