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;}}