Vue提供了很多實用的過濾器，其中之一就是filterBy。通過這個過濾器，我們可以對一個數組進行過濾并返回一個新的數組。除了支持單個屬性的過濾，filterBy也可以支持多個屬性的過濾。下面我們來看一下如何使用filterBy進行多屬性過濾。

首先，讓我們看一下單屬性過濾的使用。假設我們有一個包含多個對象的數組，每個對象都有一個name屬性和一個age屬性：

data: {
items: [
{ name: 'Tom', age: 25 },
{ name: 'Jerry', age: 18 },
{ name: 'Mike', age: 30 }
]
}

我們可以通過以下方式對數組進行過濾：

<div v-for="item in items | filterBy searchName 'name'">
{{ item.name }} - {{ item.age }}
</div>

在上面的例子中，searchName是我們在data中定義的一個變量，它用于存儲搜索關鍵字。我們在v-for指令中使用過濾器，filterBy表示對數組進行過濾，后面的參數包括需要過濾的數組、過濾的關鍵字和需要匹配的屬性。這樣就可以對數組進行過濾并顯示在頁面中了。

那么，如果我們需要對多個屬性進行過濾，應該怎么做呢？在filterBy中，我們可以使用數組來指定需要過濾的屬性。例如，我們需要對上面例子中的數組按照name和age屬性進行過濾，可以使用以下方式：

<div v-for="item in items | filterBy [searchName, searchAge] ['name', 'age']">
{{ item.name }} - {{ item.age }}
</div>

在這個例子中，我們使用了數組來指定需要過濾的屬性，同時也使用了一個二維數組來指定需要匹配的屬性。這樣，我們就可以對數組按照多個屬性進行過濾了。

總的來說，filterBy是一個非常實用的過濾器，它可以幫助我們在Vue應用中實現數據的快速過濾。在使用filterBy進行多屬性過濾時，只需要注意傳遞參數的格式即可。希望本文可以幫助大家更好地使用Vue。