4-8 vue-router路由传值的两种方法

最新推荐文章于 2025-03-16 13:59:42 发布

原创最新推荐文章于 2025-03-16 13:59:42 发布 · 359 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨了海通社区中Vue-Router的使用方法，包括编程式导航的各种方式，如字符串、对象和命名路由的传值技巧，以及如何处理带查询参数的路由跳转。文章还提到了路由的状态管理和全局变量的概念。

海通社区重构

涉及到路由传值，还是官方文档管用
Vue-Router编程式的导航

// 字符串
router.push('home')

// 对象
router.push({ path: 'home' })

// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})

// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})
注意：如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。取而代之的是下面例子的做法，你需要提供路由的 name 或手写完整的带有参数的 path：

至于理解的话，可以理解为跟session和状态管理工具一样的全局变量，只不过非常明显，容易取值和维护。