Vue 2 中提供了多種方式來從數組或對象中刪除元素。這些方式可以幫助我們在使用 Vue.js 開發的過程中處理數據。

數組中的刪除方式包括：

// 通過索引刪除元素
let arr = ['a', 'b', 'c', 'd'];
arr.splice(2, 1); // 刪除 'c'
console.log(arr); // ['a', 'b', 'd']
// 通過值刪除元素
let arr = ['a', 'b', 'c', 'd'];
let index = arr.indexOf('c');
if (index !== -1) {
arr.splice(index, 1);
}
console.log(arr); // ['a', 'b', 'd']
// 刪除最后一個元素
let arr = ['a', 'b', 'c', 'd'];
arr.pop();
console.log(arr); // ['a', 'b', 'c']
// 刪除第一個元素
let arr = ['a', 'b', 'c', 'd'];
arr.shift();
console.log(arr); // ['b', 'c', 'd']

對象中的刪除方式包括：

// 通過屬性名刪除屬性
let obj = {a: 1, b: 2, c: 3};
delete obj.c;
console.log(obj); // {a: 1, b: 2}
// 通過對象方法刪除屬性
let obj = {a: 1, b: 2, c: 3};
Vue.delete(obj, 'c');
console.log(obj); // {a: 1, b: 2}

需要注意的是，Vue.delete(obj, key) 方式只對對象有效，數組不支持該方式。而且，使用 delete 關鍵字刪除對象的屬性時，不會觸發 Vue 的響應式更新。

對于 Vue.js 開發者來說，在開發過程中需要經常處理數據，因此掌握這些刪除方式是非常重要的。在實際開發中，根據需要選擇不同的方式來刪除元素，并遵守 Vue.js 的響應式更新原則，及時更新數據，在不同場景下能夠更加高效地完成開發任務。