在 Vue 应用中，Vue Router 的主要职责是什么？它提供了哪些核心组件供开发者使用？

回答思路

1. 【回答框架 1】Vue Router 是 Vue 官方的路由管理器，其核心作用是实现单页应用内的视图切换与 URL 同步。它通过维护当前路由状态，将不同路径映射到对应组件，从而实现页面间的导航，无需重新加载整个页面。
2. 【回答框架 2】Vue Router 主要提供两个核心组件：router-link 和 router-view。router-link 用于创建导航链接，替代传统的 a 标签，它会根据路由配置生成正确的 href 并处理点击事件，支持激活状态的样式控制。router-view 是一个动态组件容器，用于渲染当前路由匹配到的组件，是路由视图的出口。
3. 【回答框架 3】除了这两个核心组件，Vue Router 还提供了编程式导航 API（如 router.push、router.replace）和路由守卫等功能，但这些不属于组件范畴。理解 router-link 和 router-view 是掌握 Vue Router 使用的基础。
4. 【回答框架 4】在项目实践中，router-link 通常配合 v-for 渲染导航菜单，router-view 可嵌套使用以支持多级路由布局，如布局组件或子路由的展示。
5. 【回答框架 5】回答时明确 router-link 的导航作用和 router-view 的渲染作用，对比传统 a 标签与编程式导航的差异，即可体现对路由核心机制的掌握。
6. 【关键点 1】Vue Router 用于管理 Vue 单页应用的路由，实现视图切换与 URL 同步。
7. 【关键点 2】核心组件是 router-link（导航链接）和 router-view（路由出口，渲染匹配组件）。
8. 【关键点 3】router-link 最终渲染为 a 标签，但支持更丰富的功能如激活样式。
9. 【关键点 4】router-view 是可嵌套的，用于实现多级路由布局。
10. 【易错点 1】不要将 Vue Router 的组件与 Vue 的内置组件（如 component、transition）混淆。
11. 【易错点 2】避免只说作用而遗漏组件，或只列举组件而不说明各自的职责。