Vue脚手架中路由传参
我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如购物商场APP中有很多的商品，当点击想要了解的商品跳转到详情页时对应的是每个商品的详细信息，所以这时我们就需要对应的商品id 然后通过此商品对应的id去获取详细的参数。
方法一：
动态路径参数 restful风格
动态路径参数 以冒号开头
匹配路由 将对应的id传入详细页
在详情页可以通过 ：$route.params.id 来获取相对应的id，这样相对限制了使用的灵活性
可以通过使用 props 将组件和路由解耦
在path下加上props为true
在详情页通过props获得对应的商品id （此处的参数名需要与路径：后的名称一致）
方法二：
在Vue中也可以通过地址栏URL来传参:
path路径 + 参数
在跳转的页面中获取id
两个方法各有各自的特点，我本人更喜欢第二种方法，因为有多个参数需要传递时，只要在路径的地方加上？id= xx & name = xx 只要通过&符号分割
