路由传参的方式

一、使用router-link进行路由导航，传递参数

父组件中：使用标签进行导航

child是子页面路由路径，123是需要传递的参数 

=>子组件中：使用this.$route.params.num来接收路由参数

此时，页面上渲染出路由传递过来的参数num，呈现123
=>路由配置文件中：

 

 二、直接调用$router.push 实现携带参数的跳转

父组件中：

 模板渲染中调用函数，传递参数
=> 子组件中：

 仍然使用 this.$route.params.id 获取参数
=> 路由配置文件中：

 三、通过路由属性中的name来确定匹配的路由，通过params来传递参数（params传参）

=> 父组件中：

使用name来匹配路由
=> 子组件中：

 依然使用 this.$route.params.id 接收参数
=> 路由配置问件中：

 四、使用path来匹配路由，然后通过query来传递参数，这种情况下 query传递的参数会显示在url后面?id=？

父组件中：

 使用query来传递参数
=> 子组件中：