filterBy过滤器使用方法

Vue.js 的 filterBy 过滤器用于过滤数组或对象的数据，只返回符合条件的部分。它可以接受一个参数，即要过滤的条件，也可以使用一个对象或函数来指定更复杂的过滤条件。

使用 filterBy 过滤器的方法如下：

1. 在模板中使用 filterBy 过滤器：

<div v-for="item in items | filterBy 'searchTerm'">{{ item.title }}</div>

2. 在 Vue 实例中使用 filterBy 过滤器：

computed: {
  filteredItems: function() {
    return this.items.filterBy('searchTerm');
  }
}

其中，items 是一个数组，searchTerm 是要过滤的条件。

可以指定更复杂的过滤条件：

<div v-for="item in items | filterBy { title: 'searchTerm', category: 'categoryFilter' }">{{ item.title }}</div>

其中，categoryFilter 是另一个过滤条件，title 和 category 是对象的属性名。

也可以使用函数来指定过滤条件：

<div v-for="item in items | filterBy filterFunction">{{ item.title }}</div>

methods: {
  filterFunction: function(item) {
    return item.title.indexOf(this.searchTerm) > -1 && item.category === this.categoryFilter;
  }
}

以上是 filterBy 过滤器的使用方法。需要注意的是，在使用 filterBy 过滤器时，如果要过滤的数据是异步获取的，需要在数据加载完成后再使用过滤器。