给数组添加新对象并赋值

方法一：适用于数组就只有一组

listData: [{name:"张三",age:18}],

//直接添加对象
listData.sex="男"

方法二：适用于数组中有多组信息

listData:[],
list:[{"张三","李四"}]

//比如想把另外一个数组中编列出来的值加入到这个数组中
for (let index = 0; index < this.list.length; index++) {
  this.listData.push({ name: "" });
  this.listData[index].name= this.list[index];
}

删除数组对象中的某个元素

//html
<div id="app">
　　//v-for循环就不写了 每一条数据最后都有一个删除的超链 .prevent阻止默认的跳转行为　只执行点击事件
　　<a href="" @click.prevent="del(item.id)">删除</a>
</div>

//script
<script>
　　var vm = new Vue({
　　　　el:'app',
　　　　data:{
　　　　　　id:'',
　　　　　　name:'',
　　　　　　list:[
　　　　　　　　{id:1, name:'惊鲵'}，
　　　　　　　　{id:2, name:'掩日'}，
　　　　　　　　{id:2, name:'黑白玄翦'}
　　　　　　]
　　　　},
　　　　methods:{
　　　　//方法一
　　　　　　del(id){
　　　　　　　　this.list.some((item, i)=>{
　　　　　　　　　　if(item.id==id){
　　　　　　　　　　　　this.list.splice(i, 1)
　　　　　　　　　　　　//在数组的some方法中，如果return true，就会立即终止这个数组的后续循环
　　　　　　　　　　　　return true
　　　　　　　　　　}
　　　　　　　　})　　　　　　
　　　　　　},
　　　　　　
　　　　//方法二
　　　　　　del(id){
　　　　　　　　var index = this.list.findIndex(item =>{
　　　　　　　　　　if(item.id==id){
　　　　　　　　　　　　return true
　　　　　　　　　　}
　　　　　　　　})
　　　　　　　　this.list.splice(index,1)
　　　　　　}
　　　　}
　　})
</script>

-Vue中对指定数组元素进行添加，删除操作
checkDate(id){
//判断该元素是否存在，不存在择移除
if(this.checkData.indexOf(id)>0){
this.checkData.splice(this.checkData.indexOf(id), 1);
return;
}
this.checkData.push(id);
return;
}