1.背景
v-for是使用vue.js中一个常用指令，使用它我们可以循环渲染列表中的元素。当我们删除列表其中一个元素时，我们希望能得到正常的渲染结果：被删除的元素消失，后面的元素（如果存在）顺序补位。但是由于vuejs存在为了提高渲染性能而采取的元素复用机制，需要我们在v-for时注入key字段来区分。但是还是会存在一些问题。即，如果循环渲染的组件的绑定数据是自己的数据，则会出现删除元素后错位的问题，而组件绑定的数据是父组件传入的动态props的话，则没有这个问题。示例如下 v-for是使用vue.js中一个常用指令，使用它我们可以循环渲染列表中
