vue2中的过滤器

1.过滤器

使用场景:一个值需要经过处理后返回另一个结果 类似计算属性 计算之后返回计算的结果

// 全局过滤器写法
Vue.filter("过滤器名", (值) => {return "返回处理后的值"})
// 局部过滤器
filters: {
  过滤器名(值) {
  	return 处理后的结果
  }
}

2.计算属性

使用场景:一个变量的结果需要另外变量计算得来

特点:函数内变量变化,会自动计算结果返回,有缓存的特性

缓存:依赖项(计算属性的函数里面使用的变量)不变,多次调用从缓存里取值;依赖项改变,计算属性里面的函数自动执行,重新缓存新值

// 计算属性基本用法 语法:
computed: {
  计算属性名() {
  }
}
// 计算属性完整写法
computed: {
  计算属性名: {
      // 给计算属性赋值
      set() {
        
      },
	  // 从计算属性里面取值 要返回一个值(要写return)
	  get() {
        return 值
	  }
   }
}

3.数组方法

every方法口诀:查找数组里面只要有一个"不符合"条件的,就原地返回false

every()方法
// every方法的返回值是布尔值
// 找出不满足条件的值
例子:this.list.every(item=>item.c===true)
例子：
// 声明一个变量isBelowThreshold 存储小于40的数字 常量
const isBelowThreshold = (currentValue) => currentValue < 40;
// 声明一个array1数组 常量