vue列表项点击高亮核心是数据驱动样式：用:class动态绑定highlight类，通过selectedid或activeindex控制选中状态，配合@click更新响应式变量，并注意:key唯一性、初始值设置及css优先级。
用 Vue 实现列表项点击高亮，核心是“数据驱动样式”——选中状态由一个响应式变量控制，样式随它自动更新，不用操作 DOM。
用 class 绑定实现高亮（推荐）
这是最清晰、易维护的方式。关键在于用 :class 动态绑定一个对象，条件成立时加上高亮类名。
- 在 data 中定义一个标识当前选中项的字段，比如 selectedId 或 activeIndex
- 在 v-for 渲染的每一项上，写 :class="{ 'highlight': item.id === selectedId }"（按 ID 匹配）或 :class="{ 'highlight': index === activeIndex }"（按索引匹配）
- 给元素绑定 @click，点击时把对应 ID 或索引赋值给那个响应式字段
- 在 CSS 里定义 .highlight 样式，比如 background-color: #409eff; color: #fff;
用内联 style 绑定实现高亮（适合简单场景）
适合只改一两个样式、不想额外写 CSS 类的情况，但可读性和复用性不如 class 方式。
