iview tab切换组件

iView是一套基于Vue.js的开源UI组件库，提供了丰富的组件来构建Web应用程序。要实现Tab切换功能，可以使用iView提供的Tabs组件。

首先，在Vue组件中引入Tabs组件：

import { Tabs } from 'view-design';

然后在模板中使用Tabs组件，并配置tab列表和内容：

<template>
  <Tabs v-model="activeTabName">
    <TabPane label="Tab 1" name="tab1">
      Content of Tab Pane 1
    </TabPane>
    <TabPane label="Tab 2" name="tab2">
      Content of Tab Pane 2
    </TabPane>
    <TabPane label="Tab 3" name="tab3">
      Content of Tab Pane 3
    </TabPane>
  </Tabs>
</template>

其中，`v-model`绑定了当前选中的tab的name，通过修改`activeTabName`来切换选中的tab。

需要注意的是，上述示例中的`TabPane`是Tabs组件的子组件，用于定义每个tab的内容。

这样就可以实现基本的Tab切换功能了。你可以根据自己的需求，进一步调整样式和添加其他功能。