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>

子路由中通过 this.$route.query.num 来显示传递过来的参数　　

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

地址：http://localhost:3333/#/index?id=001
结果：001

console.log(this.$route.query.id)