路由传参的方式：

1、手写完整的 path:

    this.$router.push({path: `/user/${userId}`});

    获取参数：this.$route.params.userId

2、用 params 传递：()

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

    获取参数：this.$route.params.userId

    url 形式：url 不带参数，http:localhost:8080/#/user

    如果用params传参，则目标路由只能写name，不能写path，否则参数params会是undefined
    错误示范：this.$router.push({path:'user', params:{userId: '123'}});

3、用 query 传递：

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

    获取参数：this.$route.query.userId

    url 形式：url 带参数，http:localhost:8080/#/user?userId=123

同样的规则也适用于 router-link 组件的 to 属性。

直白的说，query 相当于 get 请求，页面跳转的时候可以在地址栏看到请求参数，params 相当于 post 请求，参数不在地址栏中显示。