params

• 只能使用命名的路由
• 地址欄不可見(jiàn)，請(qǐng)求類(lèi)似 localhost:4396/user
• 在目標(biāo)頁(yè)面使用this.$route.params.id來(lái)獲取

例：

router.push({
  name: 'user', 
  params: { 
    id: 123 
  }
})

需要注意的是，使用params傳值的話(huà)，目標(biāo)頁(yè)面刷新后就會(huì)丟失params的值。如果要保留的話(huà)，可在router.js中配置目標(biāo)頁(yè)面的path
例：

{
        path: 'user/:id',
        name: 'user',
        meta: {
          title: '參數(shù)'
        },
        component: () => import('@/views/argu.vue'),
}

query

• 可使用命名或path的路由
• 地址欄不可見(jiàn)可見(jiàn)，請(qǐng)求類(lèi)似 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 
  }
})