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(){
        //监听到数据后的下一步操作
      }
   }      
}
上一篇下一篇

猜你喜欢

热点阅读