有的时候，有些数据是半动态的，即数据的一部分是变化的，一部分是固定不变或者也可能能动态，但是这种动态是相对比较少的。那么我可以使用过滤器来对数据进行一步优化过滤。在vue中提供了Vue.filter(‘flterName’,fn)来定义一个过滤器，过滤器可以在HTML代码中使用，如对动态拿到的数据进行过滤，

1.定义过滤器

第一个参数是过滤器的名字

第二个参数是过滤器的功能函数。如果不定义，vue也不知道你这个字符串是什么，有什么作用。

2.过滤器功能函数

第一个参数是传入的要过滤数据，即原数据。

第二个参数开始就是html调用过滤器的时候传入的参数。

错误运用过滤器

1
2
3
4
5
6
filters: {
  // 自定用户义方法
  user_filter(value) {
    // 通过key(用户id)取用户名
    return this.myuser[value]
  },

正确使用过滤器

1
2
3
4
5
6
filters: {
  // 自定用户义方法
  user_filter(value) {
    // 通过key(用户id)取用户名
    return window.that.myuser[value]
  },