路由跳转传参

今天写路由跳转传参时，一直不成功，地址是乱码

<div>
    This is page A.
    <nav>
        <router-link to="{path:'/pageB', query:{name:'Su57'}}"><div>PageB</div></router-link>
        <router-link to="{name:'PageC', params:{nickname:'Felon'}}"><div>PageC</div></router-link>
    </nav>
</div>

因为我是按照老师发的笔记写的，一直找不到原因

最后发现是笔记写错了。。。

字符串格式错误：直接在 to 属性中使用了对象，但这个对象被视为字符串处理了，因为没有使用绑定的语法（即 :to 而不是 to）。没有绑定语法，Vue 不会把它当作 JavaScript 对象解析，而是直接当作字符串，是导致地址栏出现乱码的原因。

正确应该是：

<div>
    This is page A.
    <nav>
        <router-link :to="{path:'/pageB', query:{name:'Su57'}}"><div>PageB</div></router-link>
        <router-link :to="{name:'PageC', params:{nickname:'Felon'}}"><div>PageC</div></router-link>
    </nav>
</div>