vue操作数组更新子组件数据

问题：动态遍历的子组件，修改子组件的状态，当在父组件操作数组时候，子组件被重新渲染，数据上一次保存的数据丢失了。
如图：
删除子组件的第一个，想要保留其余的组件数据状态，

想要的效果：

实际上的效果：

我本来想在子组件使用$emit保存数据到父组件的数组，也不行，求解。

demo地址：
https://jsbin.com/bikuval/6/edit?html,js,output