使用Vue實現選中刪除列表是非常常見的功能。用戶可以通過勾選多個項目或單獨勾選一個項目，然后點擊刪除按鈕來刪除它們。本文將詳細介紹如何使用Vue來實現這個功能。 首先，定義列表項目的數據結構。每個項目都應該包括一個唯一的id、名稱和是否被選中的狀態。代碼如下：

var items = [
{ id: 1, name: 'Item 1', selected: false },
{ id: 2, name: 'Item 2', selected: false },
{ id: 3, name: 'Item 3', selected: false }
]

接下來，我們需要在Vue的模板中使用v-for指令來循環渲染這些項目。此外，我們還需要將每個項目的id和選中狀態與Vue組件的數據綁定。代碼如下：

{{ item.name }}

現在我們已經完成了列表的渲染和選中狀態的綁定，接下來就是實現刪除功能。我們需要定義一個方法，該方法將遍歷所有選中的項目并將它們從列表中刪除。代碼如下：

methods: {
deleteSelected: function() {
for (var i = 0; i< this.items.length; i++) {
if (this.items[i].selected) {
this.items.splice(i, 1);
i--;
}
}
}
}

最后，我們需要在Vue模板中添加一個刪除按鈕，并調用剛剛定義的方法。代碼如下：

Delete selected

完成上述步驟后，我們就可以在頁面上看到一個包含多個項目的列表。用戶可以勾選多個項目并點擊刪除按鈕來刪除它們。由于我們在Vue組件中綁定了選中狀態和id，所以刪除操作非常簡單且高效。 總的來說，使用Vue實現選中刪除列表功能是非常容易的。您只需要將Vue組件的數據和模板綁定起來，然后添加一個簡單的方法和一個刪除按鈕即可完成。希望本文對您有所幫助，祝您編寫愉快的Vue組件！