在Vue.js 2.0中，filterBy是Vue的一個過濾器之一，它提供了過濾一個數組的功能。
使用filterBy的語法如下：
new Vue({
el: '#app',
data: {
fruits: [
{ name: 'apple', type: 'fruit' },
{ name: 'potato', type: 'vegetable' },
{ name: 'orange', type: 'fruit' },
{ name: 'broccoli', type: 'vegetable' }
]
},
methods: {
filterByFruit: function () {
this.fruits = this.$options.filters.filterBy(this.fruits, 'type', 'fruit');
},
filterByVegetable: function () {
this.fruits = this.$options.filters.filterBy(this.fruits, 'type', 'vegetable');
}
}
})在上面的例子中，我們定義了一個包含4個水果和蔬菜的數組。使用filterBy方法，我們可以通過類型來過濾出水果或蔬菜。
在methods對象中，我們定義了兩個過濾方法filterByFruit和filterByVegetable。這兩個方法分別過濾出水果和蔬菜，然后將過濾后的數組賦值給fruits屬性。
在HTML中，我們可以使用v-for指令循環遍歷fruits數組，然后通過調用方法來過濾出不同的類型：
- {{ fruit.name }}
以上代碼會在頁面中生成兩個按鈕，點擊按鈕會分別過濾出水果和蔬菜，并在頁面中循環輸出過濾后的數組。