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)