uni-app使用json循环渲染页面时，子组件复用怎么解决?

就是例如我有一个var json= [{name:aa,age:10},{name:bb,age:20},{name:cc,age:30}]
<view class="row body" v-for="(item,index) in json" :key="index">
.....
<text> {{ item.name }} </text>
<children-btn :val='item.age'>
.....
</view>

例如我现在删除json下标为1的元素{name:bb,age:20}，删除元素的下一个元素的
子组件children-btn 会传过去age:20。其他元素没问题。