在Vue中，delete操作可以用來刪除對(duì)象或數(shù)組中的屬性。一般刪除一個(gè)對(duì)象的屬性可以使用delete obj[key]的形式，但是在使用Vue的時(shí)候，我們需要遵循其數(shù)據(jù)響應(yīng)式的原則。也就是說，如果我們直接使用delete來刪除一個(gè)對(duì)象的屬性，不能夠觸發(fā)Vue所提供的響應(yīng)式數(shù)據(jù)觀測(cè)。

由于Vue 2.x使用了ES5 Object.defineProperty()，所以Vue可以監(jiān)聽對(duì)象的getter和setter，數(shù)據(jù)發(fā)生改變就會(huì)觸發(fā)響應(yīng)式更新。如果我們使用delete來刪除對(duì)象的屬性，那么這個(gè)更新機(jī)制是不會(huì)被觸發(fā)的，所以我們需要使用Vue.set或Vue.delete。

Vue.delete用于刪除對(duì)象或數(shù)組中的屬性或元素，他的使用形式是Vue.delete(obj, key/index)，其中obj可以為一個(gè)數(shù)組或?qū)ο螅琸ey可以為一個(gè)屬性名或者數(shù)組的下標(biāo)。

//在數(shù)組中刪除元素
let arr = [1,2,3];
Vue.delete(arr, 1);
console.log(arr);//輸出[1, 3]
//刪除對(duì)象屬性
let obj = {name:'Tom',age:20};
Vue.delete(obj, 'name');
console.log(obj);//輸出{age: 20}

需要注意的是，Vue.delete方法會(huì)觸發(fā)響應(yīng)式更新，但是如果你使用了Object.freeze()方法來阻止對(duì)一個(gè)對(duì)象的屬性進(jìn)行改變，那么Vue.delete就不能刪除這個(gè)對(duì)象的屬性了。因?yàn)镺bject.freeze()會(huì)把對(duì)象凍結(jié)，但是這并不影響Vue的數(shù)據(jù)響應(yīng)式更新，所以Vue.delete并不能夠操作被凍結(jié)的對(duì)象。