vue-router 使用query传参跳转了两次（首次带参数，跳转到了不带参数）

Vue-router可以通过path、name、params、query等方式进行传参。 1.通过path传参： 在路由配置中设置路由路径时，可以在路径中添加参数，如： ``` { path: '/user/:id', name: 'user', component: User } ``` 在组件中使用$route.params.id就可以获取到id的值。 2.通过name传参： 在路由配置中设置路由名称时，可以通过params属性进行传参，如： ``` { path: '/user', name: 'user', component: User } ``` 在组件中使用this.$router.push({ name: 'user', params: { id: 123 }})进行跳转并传递参数，在接收参数的组件中可以使用$route.params.id获取参数值。 3.通过query传参： 在路由配置中设置路由路径时，可以在路径后面添加查询参数，如： ``` { path: '/user', name: 'user', component: User } ``` 在组件中使用this.$router.push({ name: 'user', query: { id: 123 }})进行跳转并传递参数，在接收参数的组件中可以使用$route.query.id获取参数值。 注意：query传参会在URL地址中显示，而params传参则不会。