在 Vue Router 中，router-link 组件的定义及核心作用是什么？

回答思路

1. 【回答框架 1】router-link 是 Vue Router 内置的导航组件，用于在模板中声明式地创建指向路由的链接，最终渲染为可点击的 <a> 标签，并通过 to 属性指定目标路由或命名路由。
2. 【回答框架 2】它通过 Vue Router 的全局混入和响应式数据实现导航，点击后内部调用 router.push 或 router.replace 方法，从而实现无刷新路由跳转，同时自动处理 active 和 exact-active 的 CSS 类名，方便样式定制。
3. 【回答框架 3】router-link 提供 replace、append、tag、exact 等属性以控制导航行为；支持事件修饰符和插槽作用域，可自定义渲染内容。
4. 【回答框架 4】实际开发中，router-link 比原生的 <a href> 更推荐使用，因为它能感知路由状态，避免页面刷新，并内置了活跃状态的样式处理。
5. 【回答框架 5】对于需要更复杂导航的场景，可以结合编程式导航 router.push 或路由守卫来满足业务需求。
6. 【关键点 1】router-link 是声明式导航组件，渲染为 <a> 标签。
7. 【关键点 2】to 属性接受字符串或对象，实现路径或命名路由跳转。
8. 【关键点 3】自动添加 active 类和 exact-active 类，支持高亮当前路由。
9. 【关键点 4】内部调用 router.push，实现无刷新跳转。
10. 【关键点 5】支持 replace、append、tag 等属性，以及插槽自定义内容。
11. 【易错点 1】可能认为 router-link 会强制刷新页面，实际它拦截点击并调用 router.push 实现 SPA 导航。
12. 【易错点 2】需要注意 to 属性传对象时，必须确保路由名称或路径正确，否则导航失败。
13. 【易错点 3】在嵌套路由中，exact 属性可防止过度高亮，需根据场景正确使用。