home.vue 通过query来传递num参数为1,相当与在 url 地址后面拼接参数
<template>
<div>
<h3>首页</h3>
<router-link :to="{ path:'/home/game', query: { num: 1} }">
<button>显示<tton>
</router-link>
<router-view></router-view>
</div>
</template>
game.vue 子路由中通过 this.$route.query.num 来显示传递过来的参数
<template>
<h3>王者荣耀{{ this.$route.query.num }}</h3>
</template>
运行后的结果,传递的参数在地址栏中有显示
![](http://www.bslxx.com/uploads/allimg/c171019/150T1HF1NP-61C6.jpg)