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

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

详细说明：

• 所属组件：<router-link> 是 Vue Router 提供的一个全局组件，用于在应用中创建导航链接。
• 作用：active-class 属性用于指定当 <router-link> 对应的路由被激活（匹配）时，该链接元素上应该添加的 CSS 类名。
• 默认值：如果不指定 active-class，其默认值是 router-link-active。
• 精确匹配：还有一个相关的属性 exact-active-class，用于指定当路由精确匹配时添加的类名，默认值是 router-link-exact-active。

示例：

<template>
  <!-- 当路由激活时，会添加 'active' 类名 -->
  <router-link to="/home" active-class="active">首页</router-link>
  <router-link to="/about" active-class="active">关于</router-link>
</template>

<style>
/* 定义激活时的样式 */
.active {
  color: red;
  font-weight: bold;
}
</style>

在这个例子中，当用户访问 /home 路径时，第一个 <router-link> 会被激活，其 DOM 元素上会添加 active 类，从而应用红色和加粗的样式。