vue 路由params 和 query区别

1，params（路径参数 /user/:id）

{ path: '/product/:id', name: 'productDetail', component: ProductDetail }

router.push({ name: 'productDetail', params: { id: 10086 } })

const route = useRoute()
const id = route.params.id

 

2，用 query（筛选/搜索/分页/排序）

router.push({
path: '/products',
query: { kw: 'iphone', page: 2, sort: 'price' }
})

const route = useRoute()
const kw = route.query.kw
const page = Number(route.query.page || 1)