vue-router的3种传参方式

一、$route.name 传参

   在App.vue中直接写 {{ $route.name }} ，如下图

App.vue代码

   效果如下图

效果

二、router-link 传参

   · router-link原本的写法：

App.vue代码

   · 传参写法：

App.vue代码

wave.vue代码

效果

   多个参数写法：

多个参数

三、url 传参

index.js代码

App.vue代码

wave.vue代码

效果