VUE过滤器

在公司接触了个demo，需要用到iview，使用iview来创建一个表格的时候，发现iview的表格组件对表格项目的展示是通过

这样的语法：。但我们不了解iview对这个表格视图的渲染过程，因此如果有个 <input v-model="a">标签输入进行数据绑定来过滤渲染想要的项目，可能需要用到第二个数组来维护，这样是非常不合理的。

在看了《VUE.js权威指南》后，可以看到vue对数组元素的渲染使用的v-for语法中，有这么一句话：

使用v-for，将得到一个特殊的作用域，类似于AngularJS的隔离作用域。

还有这么一句话：

v-for通过数据对象的特征来决定对已有作用域和DOM元素的复用程度

最新的方法:在 computed 属性中使用 js 内置方法 .filter method：

<p v-for="user in filteredUsers">{{ user.name }}</p>
computed: {
  filteredUsers: function () {
    var self = this
    return self.users.filter(function (user) {
      return user.name.indexOf(self.searchQuery) !== -1
    })
  }
}

其实可以直接在computed属性中使用.filter的方法，在《VUE权威指南》看到有filterBy的过滤器方法已经被替换了，使用了JS自带的.filter方法，好处是这样编写会更加灵活，代码更加清晰。

总结：所以直接使用.filter就行啦，不需要维护第二个数组！