filterBy指令是VueJS的一個指令，它允許我們通過定義一個key和value來過濾數組的項。

想象一下，您有一個數組包含數字或字符串類型。您想要在用戶輸入時過濾這個數組。這就是filterBy指令的用處。

讓我們看一下如何在VueJS中使用filterBy指令。假設我們有一個數組包含一些名稱：

data: {
names: [
"Alice", 
"Bob", 
"Charlie", 
"David", 
"Eva",
"Frank",
"George",
"Harry"
],
searchName: ""
},

我們還有一個值綁定到searchName來收集用戶的輸入：

<input type="text" v-model="searchName">

現在，我們可以使用filterBy指令來過濾數組。我們使用搜索框中的值來定義一個key，以及它的value來過濾names數組。

<ul>
<li v-for="name in names | filterBy searchName">
{{ name }}
</li>
</ul>

在這里，我們使用filterBy指令，并傳遞searchName為參數來過濾名稱數組。現在，當用戶輸入的時候，只會展示含有searchName的名稱列表。

就是這么簡單！filterBy指令非常方便，因為它允許您輕松過濾數組。您不必寫大量的JavaScript代碼來完成這項任務。