VUE实现Studio管理后台（二）：Slot实现选项卡tab切换效果，可自由填装内容

作为RXEditor的主界面，Studio UI要使用大量的选项卡TAB切换，我梦想的TAB切换是可以自由填充内容的。
可惜自己不会实现，只好在网上搜索一下，就跟现在你做的一样，看看有没有好事者实现了类似功能，并分享了出来，百度到的结果不甚理想，他们大都是一个空间通过传入对象数据实现的，扩展性差，不能分别定制每个页面的样式。
改用谷歌，发现一位国外老哥实现了我想要的功能，果断采用，并给了他一个大大的赞。如果需要，可以直接参考他在codepen上的代码：https://codepen.io/tatimblin/pen/oWKdjR?editors=1010
把这个代码稍加修改，就成了我的的啦，已经点过赞，就不用不好意思，大胆使用就好，效果如下：

两个VUE组件，就可以实现其功能，一个是tabs组件，一个是tab组件。左侧tabs组件取名为：WidgetTabs.vue， 右侧tabs组件取名为PageTabs.vue，他们的孩子使用共同的组件：Tab.vue。这样做的目的主要想在tab容器控制并区分样式。代码结构：