<div>
    <div v-for="(item, index) in dataarr" :key="index">
      <span>{{item.ceshi}}---</span>
      <span class="xiugia" @click="xiugiaClick(index)">删除</span>
    </div>
  </div>

data () {
    return {
      dataarr: [
        { ceshi: '娃哈哈', id: '1' },
        { ceshi: '粽子', id: '2' },
        { ceshi: '可乐', id: '3' }
      ]
    }
  },
  methods: {
    xiugiaClick (index) {
      // 响应式的数据
      this.$delete(this.dataarr, index)
      console.log(this.dataarr)
    }
  }

参考文献：vue官网 https://cn.vuejs.org/v2/guide/