Vue filter data是用于過濾數據的功能。它允許我們使用一些特定的過濾器對數組、對象或字符串進行數據的處理和排序。Vue filter data使我們的數據變得更好閱讀、更加友好。

filter(key,value){
return this.data.filter((item)=>{
return item[key].indexOf(value)>-1;
});
}

在上面的示例代碼中，我們定義了一個filter函數來過濾我們的數據。我們傳入兩個參數key和value，然后使用數組的filter方法遍歷整個數據集并使用indexof來獲取包含特定值的子字符串。

當使用Vue filter data時，我們通常會在模板中使用數據過濾器。例如:

<input v-model="search">
<ul>
<li v-for="item in filter('name',search)">{{item.name}}</li>
</ul>

在這個例子中，我們將輸入框的值綁定到search變量。然后我們在v-for指令中使用我們之前定義的數據過濾器來過濾數據。我們傳入鍵名為'名字'和值為search。

Vue filter data是Vue.js框架中非常有用的一個功能。它提供了一種簡單的方法來過濾我們的數據，讓其更直觀和可讀。如果你正在為Vue.js項目創建過濾器數據，那么Vue filter data是一個不錯的選擇。