VUE 组件切换，数据不变问题

组件复用问题

VUE组件复用时，经常会发生界面切换，发现数据没有变化(两个切面组件是一样的被复用了，复用的目的是提升渲染效率)，这时只需要针对组件的增加一个key就好(Diff算法)，
实际所有的v-for 循环都建议绑定 :key 属性，以提升运行效率

<template>
	<div class="test">
		 <table>
		 	<tr v-for="(item,i) in table_data.td" :key = "item">
				<td >{{item}}</td>
				<td><button type="button" @click="test(item)">test</button></td>
			</tr>
		 </table>
		 <!-- <input type="text" v-model="table_data.test" />
		 <input type="text" v-model="test_data" /> -->
	</div>
</template>