Vue路由传参的两种方式，params和query方式与区别

动态路由也可以叫路由传参，就是根据不同的选择在同一个组件渲染不同的内容。

用法上: query 用path引入，params 用name引入，接收参数都是类似的，分别是 this.$route.query.name和this.$route.params.nameurl展示上:params类似于post,query类似于get，也就是安全问题，

<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
!-- 带查询参数，下面的结果为 /register?plan=private -->
<router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>

params传值相对更安全点,query通过url传参,刷新页面还在, params刷新页面不在了。