vue中的watch

186 阅读1分钟

一、有时候我们需要监听某些数据的变化来执行相对应的操作,那么我这期记录的是vue中的watch,它可以帮助我们在开发中达到自己想要的目的。

watch:{
    totalNum:{
     handlerfunction(newValue,oldValue){
      console.log('jiu',oldValue)
       console.log('xin',newValue)
     },
     deeptrueimmediate:true,
    }
  },

上面监听一个属性totalNum,watch有其他写法的,但是我这里用的是handler函数方法的写法,函数方法有两个参数,一个是新的值newValue,一个是旧的值oldvalue,当我们的数据发生变化时就会触发这个方法了。其中我们发现下面有一个deep属性,这个是针对数据源比较深的数据,比如对象或者数组的多层嵌套,加上这个属性可以监听到深层数据的变化。还有一个immediate属性,顾名思义,立即的意思,加了这个属性会立马执行一次这个监听函数方法,如果不加的话只能等数据变化后才会触发监听函数。你get到了么