1.基本属性
  • 基本语法:
computed: {
    "计算属性名" () {
        return "值"
    }
}
  • 作用: 返回一个数据,依赖于其他变量计算得到的结果
  • 使用场景:只需要获取计算结果
2. 优势属性:缓存
  • 计算属性对应函数执行后, 会把return值缓存起来
  • 依赖项不变, 多次调用都是从缓存取值
  • 依赖项值-变化, 函数会"自动"重新执行-并缓存新的值
  • 计算属性根据依赖变量结果缓存, 依赖变化重新计算结果存入缓存, 比普通方法性能更高
3. 对象属性
  • 语法:
computed:{
	// 双向绑定计算属性  通过get获取计算结果  通过set传回值,用于修改
	select:{
		//get() 用于获取计算结果
		get(){
			return;  
		},
		// set() 用于修改计算结果
		set(value){
			console.log(value);
		}
	}
}
  • 作用:获取结果和修改计算结果
  • 使用场景:比如全选功能等。
    在这里插入图片描述
Logo

前往低代码交流专区

更多推荐