Vue的filterBy是一個非常有用的過濾器，在Vue中可以輕松地使用它來對數(shù)據(jù)進(jìn)行過濾。filterBy過濾器是Vue.js的一個內(nèi)置過濾器，它可以用于過濾數(shù)組中的元素。使用filterBy，我們可以輕松地過濾對象數(shù)組或字符串?dāng)?shù)組。

filterBy可以接受兩個參數(shù)，第一個參數(shù)是要過濾的數(shù)組，第二個參數(shù)是過濾條件。過濾條件可以是字符串或者一個函數(shù)。如果過濾條件是字符串，那么filterBy會自動將其轉(zhuǎn)化為函數(shù)。函數(shù)的參數(shù)可以是數(shù)組元素或者數(shù)組元素的屬性。它返回一個布爾值，表示是否應(yīng)包含該元素

// 簡單的使用例子
{{ item }}
// 使用函數(shù)過濾，只過濾滿足條件的數(shù)據(jù)
{{ item }}
Vue.component('my-select', {
template: '#my-select',
props: ['options'],
computed: {
filteredOptions: function() {
var self = this;
return self.options.filter(function(option) {
return ~option.text.toLowerCase().indexOf(self.query.toLowerCase());
});
}
},
data: function() {
return {
query: ''
}
}
});

上面的代碼是一個非常簡單的Vue.js組件，用于展示一個下拉列表。filteredOptions是一個已過濾后的選項(xiàng)的計(jì)算屬性。options是一個選項(xiàng)的數(shù)組，query是用戶輸入的搜索字符串。計(jì)算屬性用于過濾選項(xiàng)，只顯示與搜索字符串匹配的選項(xiàng)。filterBy是一個很方便的過濾器，用于輕松地過濾數(shù)組