Vue中的计算属性computed的用法
1.基本属性2. 优势属性:缓存3.对象属性(set和get)
·
1.基本属性
- 基本语法:
computed: {
"计算属性名" () {
return "值"
}
}
- 作用: 返回一个数据,依赖于其他变量计算得到的结果
- 使用场景:只需要获取计算结果
2. 优势属性:缓存
- 计算属性对应函数执行后, 会把return值缓存起来
- 依赖项不变, 多次调用都是从缓存取值
- 依赖项值-变化, 函数会"自动"重新执行-并缓存新的值
- 计算属性根据依赖变量结果缓存, 依赖变化重新计算结果存入缓存, 比普通方法性能更高
3. 对象属性
- 语法:
computed:{
// 双向绑定计算属性 通过get获取计算结果 通过set传回值,用于修改
select:{
//get() 用于获取计算结果
get(){
return 值;
},
// set() 用于修改计算结果
set(value){
console.log(value);
}
}
}
- 作用:获取结果和修改计算结果
- 使用场景:比如全选功能等。
更多推荐
已为社区贡献3条内容
所有评论(0)