vue-router中params和query的区别

从路由中获取参数，一般有两种方式：this.router.params

1. params
   -- 动态路由
   
   image.png
   
   -- 命名的路由
   // 地址栏中显示
   router.push({ name: 'user', params: { userId: '123' }}) // -> /user/123
   const userId = '123'
   router.push({ name: 'user', params: { userId }}) // -> /user/123
   router.push({ path: /user/${userId} }) // -> /user/123
2. query
   // 带查询参数，变成 /register?plan=private
   router.push({ path: 'register', query: { plan: 'private' }})

参考链接：
https://www.cnblogs.com/happybread/p/10156869.html](https://www.cnblogs.com/happybread/p/10156869.html)