vue 使用tab切换，tab下的内容展示不同的组件页面

功能说明： 点击添加的时候，可根据的不同tab切换到添加不同数据的页面

//HTML部分
<ul class="tab_tit">
      <li :class="currentView== 'child1' ?'active':''" @click="tabChange(child1)">图文</li>
      <li :class="currentView== 'child2' ?'active':''" @click="tabChange(child2)">纯字</li>
    </ul>

    <!-- 动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换。  -->
    <div :is="currentView" class="content"></div>

//引入子组件
import child1 from './AddPicture'
import child2 from './AddFont'
import child3 from './AddVideo'

 components:{
    child1,
    child2,
    child3
  },
  
  data () {
    return {
      child1: 'child1',
      child2: 'child2',
      child3: 'child3',
      currentView: 'child1' // 默认选中第一项
    };
  },
  
 methods: {
    tabChange(tabItem) {
      console.log(tabItem);
      this.currentView = tabItem;
    }
  }