Vue 跳转路由时的传参方式

---

前言

今天一起看看vue中路由传参的方式都有哪些，又是怎样的方式可以获取到的呢？再来看看它们之间有什么样的区别呢~

---

一、通过 query 传参

代码如下（示例）：

this.$router.push('/login?username=pp&age=18&desc=xx')

this.$router.push({
   
    path: '/login',
    query: {
   
        username: 'pp',
        age