watch监听
2022-04-13 本文已影响0人
glassUp
为什么要监听:
这就是异步请求的问题了,就比如我们异步请求一个数据,然而主线程依旧正常运行,当我们监听到数据请求过来了,有数据了,才能再去进行其他操作,这就是监听的意义
watch监听:
1.数据的监听 就像前面的轮播图组件就需要监听数据的变化
2.属性的监听 这个就需要深度监听了
watch监听里面有几个属性:immediate,deep和handler
1.immediate:
我们都知道,watch第一次跟值绑定上时是不会去监听的,只有数据发生改变时,watch才会去执行,而我们想第一次跟值绑定上时就执行一次监听,那就用到immediate属性了
watch: {
//监听carouselList状态
carouselList: {
//立即监听
immediate:true,
}
}
2.deep
当我们监听对象身上属性的变化时,普通监听是监听不到的,那就那用到深度监听
watch: {
//监听carouselList状态
carouselList: {
//深度监听
deep:true
}
}
3.handler()
这个方法是监听到数据变化了,一般是配合watch成对出现的(监听不就是等状态变化嘛,状态变化了不就是要进行下一步操作嘛)
watch: {
//监听carouselList状态发生变化
carouselList: {
//深度监听
deep:true
//立即监听
immediate:true
//监听到carouselList状态发生变化了
handler(){
//监听到数据后的下一步操作
}
}
}