面试题：active-class 是哪个 Vue 组件的属性？

active-class 是 Vue Router 中 <router-link> 组件的属性。

作用

active-class 用于指定当 <router-link> 对应的路由匹配成功时，自动添加到该链接上的 CSS 类名。默认情况下，Vue Router 会添加 router-link-active 类。

使用场景

当你想自定义激活状态下的样式时，可以通过 active-class 指定一个自定义的类名。

示例

<router-link to="/home" active-class="active-link">Home</router-link>

• 当 /home 路由激活时，<router-link> 会添加 active-link 类。
• 默认情况下，如果不指定 active-class，则会添加 router-link-active 类。

相关属性

• exact-active-class: 用于指定精确匹配时的类名。默认是 router-link-exact-active。

  <router-link to="/home" exact-active-class="exact-active-link">Home</router-link>

当路径完全匹配 /home 时，会添加 exact-active-link 类。

总结

• active-class 是 <router-link> 的属性，用于自定义路由激活时的样式类名。
• 默认激活类名是 router-link-active，精确匹配的默认类名是 router-link-exact-active。
• 通过 active-class 和 exact-active-class，可以灵活控制路由激活状态下的样式。