Vue表格组件复用

复用的原则，将DOM的操作交给开发者，比如表头和表体，而封装只是将，样式和一些通用的方法进行封装。

目前想法是通过插槽进行实现，表格外框的内容是固定的，但是表头和表体是通过插槽引入的。相当于表格只是一个空壳子。这样就可以在样式上面少改很多代码，但是需要注意如果有操作项的时候，目前需要注意是否要父子之间传值等一系列操作。

最近的抓娃娃机项目也可以有同样的实现，弹窗的壳子相同，但是可以传入不同的内容，通过插槽的实现。但是，不用的内容可以有不同的css样式调整，这个也需要看一下需要在哪里进行调整。在点击的时候谁显示隐藏，不知道会不会好一点。

组件封装的一个准则是单一职责，另一个准则是将操作DOM的方法留给开发者，组件中只提供最基本的CSS封装，和通用的功能封装。

如，在娃娃机中，几乎所有的弹窗都相同，则可以将弹窗封装，通过插槽保留不同的内容。并且有的在下方会有兑换按钮，有的没有，这时候需要，通过父子传值，v-if进行控制