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