vue前端商品删除，添加，等方法

1.列表商品删除

<template>
     <button @click="onremove(id)"></button>
</templat>

<script>
 export default{
data()
{
  return {
   goodslist:[
   {id:1,name:'上衣',price:1},
   { id:2,name:'毛衣',price:3},
   {id:3,name:'鞋子',price：8}
]  
}
},
   methods:
    {
       onremove(id)
    {
         this.goodslist=this.goodslist.filter(x=>x.id!==id)
    }
     }
    
}
</script>

2列表添加功能

<template>
   <button @clikc="onAddNewTask">添加</button>
</template>

<script>
   export default{
    data(){
       return :{
         
   todolist:[
            {id:1,task:'周一早上开会',done:false},
            {id:2,task:'周二下午开会',done:true},
            {id:3,task:'周三晚上吃饭',done:true}
]
    },
nextid:4   //下一个可用的id值
},
     methods:{
             onAddNewTask()
             {
                   this.todolist.push({
                       id：this.nextid,
                       task:taskname,
                      done:false
                })
                  this.nextid++
             }
          
      } 
}
</script>