计算属性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//深度监听
}