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数组 常量