Vue.js监察院揭秘：newVal和oldVal究竟有何玄机？

最近我刚刚追完庆余年，这部剧的情节真是让人回味无穷。突然想到了一个问题，在vuejs里面有一个叫做watch的东西，它就像是一个监察院，负责监控每一个数据的变化。你有没有想过，这个监察院到底是怎么运作的？咱们先来看一下庆余年的剧情，监察院主要监控的是一个叫做candy的人。一旦candy发生变节，监察院就会执行一些操作。这里面有两个关键词，newVal和oldVal，它们就像是提供给监察院人员的线索，用来判断candy到底是内部斗争还是叛国行为，根据情节来决定处罚。接下来我们来聊聊代码中的immediate和deep这两个概念。其实它们就像是庆帝给陈萍萍下达的指令。immediate为true时，意味着不管candy是否变节，监察院都会先给他点处罚，敲山震虎！而deep为true时，则表示要深入调查，看看有没有其他人与candy有联系，是否发生了什么事情！写这篇文章的时候，我还和朋友讨论了一下watch和updated的区别。updated也是在数据发生改变时做出响应，但是它不能像监察院那样指定监测数据。只要有数据发生变化，updated中的方法就会被执行，不管是谁发生了变化。这样一来，updated就显得不够灵活了，怎么能配得上那么厉害的监察院？总结一下，今天给大家介绍了一下Vuejs中的watch实例。希望对你们有所帮助！如果你们还有什么问题或者想法，欢迎留言讨论！今天给大家分享了一篇关于Vuejs中watch实例的文章。希望你们喜欢！如果你们对这个监察院有什么疑问或者想法，记得留言！同时也请点赞和分享给更多的朋友！

new Vue({
  el:"#app",
  data(){
    reutrn {
      candy:""
    }
  },
  //传说中的监察院start
  watch:{
    candy:{
      handler(newVal,oldVal){
      },
      immediate: true,
      deep:true
    }
  }
  //传输中的监察院end
})
/***
watch中监控这candy这个数据的变化，
handler中传入了两个参数：
newVal->是改变后的数据
oldVal->是改变前的数据
***/