VUE属性

91 阅读1分钟

计算属性computed

是什么?

基于当前数据(data)进行简单的加工返回新的数据,当计算属性所依赖的数据变化时,它会自动进行计算,即计算属性的值会跟着当前的数据变化;写法像函数,但是本质上是属性,对大量计算有优化效果,仅仅在内部依赖的data中的数据发生变化的时候,才执行

语法

默认写法

computed:{

fullName:function(){

	return this.firstName+""+this.lastName
}

}

与函数的区别

计算属性有缓存、性能更好

计vue-监听器watch

是什么?

监听数据(data里面的数据以及计算属性变量)的变化且响应

使用场景

当某个变量变化的时候

监听分类

a 简单数据类型

name(newVal,oldVal){

    console.log('name变化了',newVal,oldVal)
    
}

b 复杂数据类型(数组、对象) todoList:{

handler(newVal,oldVal){

	console.log('todoList变化了',newVal,oldVal)
}
deep:true//深度监听

}