vue-router的3种传参方式
2018-09-06 本文已影响21人
冰滩波纹
一、$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代码
效果
