vue学习笔记

(一)计算属性computed与函数methods
(a)计算属性是一个属性再调用的时候不加括号,函数是一个方法,调用时加括号
(b)计算属性不能传递参数,函数可以传递参数
(c)计算属性是基于依赖缓存的,也就是当他计算的结果与目前的是一样的时候,他就不执行,这样可以提升效率.(vue本身也有类似的缓存特性)
(d)计算属性的使用场景,一般是用在基于一个值产生新的值的时候
(e)计算属性一定要有一个返回值(使用return返回)
(f)计算属性里面可以调用方法
(g)计算属性里面不能做一些具有副作用的操作,比如说文件请求,ajax操作,因为计算属性要求的是立刻就返回数据
(二)watch 监听
(a)watch可以监听页面属性的变化,在变化后执行一定的操作,但是它可以监听的范围是有限制的
watch只能监听具有响应特性的数据,比如放在data{}里面的数据
例如: model在data里面有定义
watch: {
'model.departId': {
immediate: true,
deep :true,
handler(val, oldVal) {
this.model.specId = null
this.model.classId = null
}
},
model: {
immediate: true,
handler(val, oldVal) {
this.model.classId = null
}
}
}

deep代表深度监听