Vue tab组件

今天跟大家分享一个tab切换的组件，功能相对完善。
话不多说，直接上代码：

slot里面是tab的内容。

script代码：

data () {
      elList: [
                {
                    id: 0,
                    name: '全部游戏'
                },
                {
                    id: 1,
                    name: '我的最爱'
                }
            ],
       optionsFn: [
                {runFn:() => console.log('click tab1')},
                {runFn:() => console.log('click tab2')}
            ],
}

以上就是tab头部要显示的内容，及点击tab后触发的回调函数。

接下来看看组件里面如何写的:

想必看到这里大家也该明白了，就是通过组件的slot控制显影。今天就到这。。。