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代码
效果