数组驱动视图之动态实现组件循环删除

描述一下需求

项目经历是请求接口拿到的数据，点击叉号可以从前端进行删除，点击添加可以增加一个相同的组件。点击保存，可以增加一个新的项目经历。

说一下实现思路

1：首先声明一个数组（这里是声明的item数组），用来存放项目经历数据，通过v-for循环，展示数据

2：请求接口拿到原有的项目经历数据，放到item数组中，具体操作代码如下

这时候就把数据库里原来的数据显示在页面上，接下来是增加新的项目经历

点击添加到时候，在item数组里追加一组新的数据

这时候页面中会多出来一组项目经历，因为每个组件绑定的都是对应的数组中ProjectWork的值，点击保存的时候直接把item数组传递给后台即可成功保存数据。

删除项目经历，只需要将点击删除的对应的数据从数组里删掉即可，可利用v-for循环中的key值，将key传递到删除的方法中，从item数组删掉该项数据，再次保存即可

这样一来，再次将items数组发送给后台保存即可。

如此一来，就实现了该组件的动态的删除添加功能了~核心思想：数据驱动视图~~~