【vue3】Vue-Router路由的三种传参方式
在Vue-Router中，有三种常见的传参方式：params、query 和 route。
params：这种传参方式适用于定义路由时就已知道参数的情况，需要在路由定义时指定参数。
const routes = [
{ path: '/user/:id', component: User, props: true }
]
// 导航到路由
this.$router.push({ name: 'user', params: { id: 123 }})query：这种传参方式通常用于添加到URL查询字符串的参数，它们不会影响路由匹配，可以在任何路由下使用。
// 导航到路由，带上查询参数
this.$router.push({ path: '/user', query: { plan: 'premium' }})route：这是一种特殊的传参方式，用于在单页面应用（SPA）中替换整个视图，而不是通过Vue-Router进行页面跳转。
// 使用 router.replace 来替换当前的视图
this.$router.replace('/new-route')注意：route 是 Vue-Router 的内部属性，不是 Vue-Router 的公共 API 的一部分，不推荐在日常开发中使用。
评论已关闭