vue2 tab切换

可以使用Vue2的内置指令v-show和v-if来实现tab切换。具体实现步骤如下：

1. 在data中定义一个变量来表示当前选中的tab，比如currentTab，默认为0。
2. 在模板中使用v-show或v-if来根据currentTab的值来显示或隐藏对应的内容。
3. 在tab的按钮上绑定一个点击事件，当点击时修改currentTab的值为对应的tab索引。

示例代码如下：

<template>
  <div>
    <div class="tab-buttons">
      <button @click="currentTab = 0">Tab1</button>
      <button @click="currentTab = 1">Tab2</button>
      <button @click="currentTab = 2">Tab3</button>
    </div>
    <div v-show="currentTab === 0">Tab1 Content</div>
    <div v-show="currentTab === 1">Tab2 Content</div>
    <div v-show="currentTab === 2">Tab3 Content</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTab: 0
    }
  }
}
</script>