如何通过VUE前后端学习实现长尾词功能的tab页设计？

本文共计1478个文字，预计阅读时间需要6分钟。

动态创建一个tab，其中包含一个table，这样后台管理的基本功能（之一）就出现了。好吧，这里实际上只是试水，感受一下vue的数据驱动能力，可以通过一个个实例来学习vue的各个特性。

动态创建一个tab，里面放一个table，这样一个后台管理的基本功能（之一）就出来了。

好吧，这里其实只是试试水，感受一下vue的数据驱动可以怎么玩，通过一个个实例学习一下vue的各个知识点。这里要看看方法和css如何设置。

一、目标

1、 可以动态创建tab。

2、 可以切换（废话）、可以关闭tab。

3、 Css的设置。

4、 方法的处理方式。

5、 效果图

二、思路

应该有好多种方式可以实现，这里先试一个，其他的以后再说。

还是数据驱动，那么就建立一个大的数据包，把tab信息和table信息都放进去，然后绑定就好了。似乎不是太难的样子。Emmmmmm大概是吧。

Tab切换，暂时使用css的方式来控制。

关闭tab，就是干掉对应的数据。