vue-rooter的的参数传递

创建新的组件

 

 配置路由映射

 

 添加跳转的<router-link>

 

 

 传递参数有两种类型

1.params类型

配置路由格式：/router/:id

传递方式：在path后面跟上对应的值

传递后形成的路径：/router/123,/router/abc

最后，

 

 

 2.query类型

配置路由格式：/router

传递方式：对象中使用query的key作为传递方式

传递后形成的路径：/router?id=123,/router?id=abc

最后，

 

 也可以利用代码进行跳转页面，传递参数this.$router.push('路径')