VUE通过路由 QUERY传递参数

父组件通过query来传递num参数为1，相当与在 url 地址后面拼接参数

<template>
<div>
<h3>首页</h3>
<router-link :to="{ path:'/home/game', query: { id:  1} }">
<button>显示<tton>
</router-link>

<router-view></router-view>
</div>
</template>

<template>
<h3>王者荣耀{{ this.$route.query.id}}</h3>
</template>

地址：http://localhost:3333/#/index?id=001
结果：001
console.log(this.$route.query.id)