Vue 设置选项卡选中效果

在 Vue 中，我们经常需要使用选项卡（Tab）来实现页面的切换和导航功能。为了提高用户体验，我们通常会给当前选中的选项卡添加一个特殊的样式，以突出显示其选中状态。本文将介绍如何使用 Vue 实现选项卡的选中效果，并提供相应的源代码示例。

首先，我们需要创建一个 Vue 组件，用于表示选项卡。在该组件中，我们可以使用一个数组来存储选项卡的数据，例如选项卡的标题和内容。同时，我们还需要使用一个变量来记录当前选中的选项卡的索引。

<template>
  <div>
    <div class="tab-header"