vue中关于切换选项卡渲染表格，导致表格内容错乱或者表格渲染不出来的问题

好几次因为选项卡切换导致表格渲染出错，最后了解到vue视图的渲染机制意识到问题根源所在。解决办法案例：

1.父组件中使用选项卡，以及表格组件：

2.在子组件中接收并使用这两个不同值的属性作为key值

本来只准备写一个vTable的，但是因为表头不同，vue在渲染视图时不会重新渲染所有div,只会进行对比，将有变化的dom重新渲染，而且使用v-for,比较深入渲染的时候，就不会对比，也不会重新渲染，导致切换选项卡的时候，明明表头变了，但是视图没有渲染出来，甚至直接不渲染或者错位的一些情况，所以使用不同的key来做区分，让表格去分别渲染。使用vue官网的语言就是：

好啦，问题解决咯！