前端/移动开发面试题更新 2026-08-05

在 Vue 中,active-class 这个 property 是由哪个组件提供的?

前端/移动开发技术原理VueVue Router

考察说明

考查对 Vue Router 中路由链接组件属性配置的掌握。

回答思路

  1. 【回答框架 1】active-class 是 Vue Router 提供的 <router-link> 组件的属性,用于设置当链接匹配当前路由时激活的 CSS 类名。
  2. 【回答框架 2】该属性默认值为 router-link-active,可以在创建路由实例时通过 linkActiveClass 全局配置修改。
  3. 【回答框架 3】它仅作用于 router-link 组件,普通 <a> 标签或自定义组件不直接支持此属性。
  4. 【关键点 1】active-class 属于 router-link 组件。
  5. 【关键点 2】默认类名为 router-link-active。
  6. 【关键点 3】可通过路由配置的 linkActiveClass 全局覆盖。
  7. 【易错点 1】不要将 active-class 与 router-view 或普通组件混淆。
  8. 【易错点 2】注意默认激活类与精确匹配类 router-link-exact-active 的区别。