vue2 路由传参

1.URL带参（类似GET请求）

优点：刷新页面参数不丢失
缺点：参数会暴露，且在多tab的前端框架下，会出现多个相同的tab（因为path不同）

this.$router.push({
        path: 'xxxx',
        query: {
          userId: 123
        }
      })

this.$route.query.userId

优点：参数不会暴露，在多tab的前端框架下，不会出现多个相同的tab
缺点：刷新页面参数丢失

this.$router.push({
        name: 'xxxx',
        params: {
          userId: 123
        }
      })

** 此处为name，不是path

this.$route.params.userId

# Vue