在 Vue 应用中，页面或视图之间的导航是如何实现的？具体可以划分为哪几种路由跳转方式，各自的使用场景和注意事项是什么？

回答思路

1. 【回答框架 1】Vue 路由跳转基于 Vue Router，通过修改 URL 来切换匹配的组件。编程式导航使用 router.push 或 router.replace 方法，带路径或命名路由参数。
2. 【回答框架 2】声明式导航使用 router-link 组件，通过 to 属性指定目标，渲染为可点击的链接，支持 active 类名和高亮。
3. 【回答框架 3】其他方式包括 router.go(n) 前进或后退，router.back() 返回上一页，以及借助 history API 的浏览器前进后退。
4. 【回答框架 4】跳转时需注意：使用 replace 避免留下历史记录，动态路由和 query 参数传递方式不同，以及路由守卫对跳转的拦截。
5. 【关键点 1】路由跳转包含声明式 router-link 和编程式 router.push/replace。
6. 【关键点 2】router.push 会添加历史记录，router.replace 替换当前记录。
7. 【关键点 3】可通过 name 和 params 跳转命名路由，通过 path 和 query 携带参数。
8. 【关键点 4】router.go 和 router.back 控制浏览器历史前进后退。
9. 【关键点 5】跳转受全局或路由独享守卫影响，可进行权限校验或重定向。
10. 【易错点 1】使用 params 时必须配合 name，不能与 path 同时使用，否则参数无效。
11. 【易错点 2】query 参数刷新页面会保留，但 params 参数刷新会丢失。
12. 【易错点 3】在路由守卫中调用 next 错误可能导致死循环或页面白屏。