params
- 只能使用命名的路由
- 地址欄不可見糯俗，請(qǐng)求類似 localhost:4396/user
- 在目標(biāo)頁(yè)面使用this.$route.params.id來(lái)獲取
例：
router.push({
name: 'user',
params: {
id: 123
}
})
需要注意的是尿褪，使用params傳值的話，目標(biāo)頁(yè)面刷新后就會(huì)丟失params的值得湘。如果要保留的話杖玲，可在router.js中配置目標(biāo)頁(yè)面的path
例：
{
path: 'user/:id',
name: 'user',
meta: {
title: '參數(shù)'
},
component: () => import('@/views/argu.vue'),
}
query
- 可使用命名或path的路由
- 地址欄
不可見可見，請(qǐng)求類似 localhost:4396/user?id=3 - 在目標(biāo)頁(yè)面使用this.$route.query.id來(lái)獲取
例：
router.push({
name: 'user',
query: {
id: 123
}
})
或
router.push({
path: '/user',
query: {
id: 123
}
})
