vue传参params和query的不同

router-link 传参时，
query： <router-link :to="{ name: ‘page‘, query: { type: ‘about‘, homeId: siteHomeId, username: username, pageId: pageId }></router-link>
接收数据使用 this.$route.query.type //以此类推
params: <router-link :to="{ name: ‘page‘, params: { type: ‘about‘, homeId: siteHomeId, username: username, pageId: pageId }></router-link>
接收数据使用 this.$route.params.type //以此类推 使用params时，刷新页面，数据会丢失，解决办法如下：
在router.js里面对应路由下，path: ‘/page:type/:homeId/:username/:pageId‘

vue传参params和query的不同

原文：https://www.cnblogs.com/ko010824/p/13079560.html