delete和Vue.$delete删除数组的区别

delete

delete只是被删除的元素变成了 empty/undefined ，其他的元素的键值对应关系还是不变。

Vue.$delete

直接删除了数组中元素，数组的键值对应关系发生相应变化

例子

 <div v-for="(item,index1) in arr1" :key="'1'+index1" @click="delete1(index1)">{{item}}</div>

 <div v-for="(item,index2) in arr2" :key="'2'+index2" @click="delete2(index2)">{{item}}</div>

 

  data () {

        return {

            arr1:[1,2,3,4],

            arr2:[5,6,7,8],

        }

    },

    methods: {

        delete1(index){

            delete this.arr1[index]

            console.log(this.arr1)

        },

        delete2(index){

            this.$delete(this.arr2,index)

            console.log(this.arr2)

        }

    }

delete页面并不会即时响应，下次渲染之后才会体现该次的变化

Vue.$delete操作下页面即时响应