路由声明式传参和编程式传参

 声明式传参(使用带href /或本质上是a标签的时候)

 直接带路径里带携带参数

下例

在地址栏是可以看到参数的（querys传参）

 

 在vue.tools插件里可以观察到

 

 取出路径参数的方式

 

 params传参

首先需要在路由规则里配置    下图（复制这行路由规则，加上：name/：age    这样可以同时使用两种传参方式，或不传参也不影响跳转）

 

 在路径中携带参数

 

 在地址里的效果

 

 vue.tools插件里查看

  取出路径参数的方式

 编程式导航（使用js代码跳转/在标签上设置事件跳转传参）

 p标签绑定点击事件

 

 点击事件执行函数/跳转传参（query传参） //取数据和前面方法一样

点击事件执行函数/跳转传参（parmas传参）

首先需要加路由名，也是建议复制原路由规则，然后增加路由名

 

 传参方式

 query参数和params参数区别
1.query: 是通过地址栏传参，参数会在地址栏显示，刷新还在
2.params: 是通过内存传参，参数不会在地址栏显示，刷新会消失