Vue.js中的watch实例如何实现复杂长尾词的深度监听与响应？

本文共计435个文字，预计阅读时间需要2分钟。

最近刚完成毕业，心思还总是在剧情里，然后就觉得在Vue中watch就像是监视器，一个不折不扣的特性结构。在Vue中，watch被称为监听者，它会随时观察Vue实例中每个数据的变动。

最近刚刚追完庆余年，心思还总是在剧情里，然后就觉得在vuejs里watch就是监察院，一个不折不扣的特务机构。在Vue中watch被称为监听者，它随时观察这vue实例中每一个数据的变化，当数据发生改变，做出响应。

通过下面的示例代码来看一下这个监察院是怎么运作的：

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

按照庆余年的剧情分析，监察院在监控candy这个人，一旦candy发生变节，就会执行handler中的操作，newVal和oldVal就好像是提供给监察院人员来判断如果candy是内部斗争还是叛国，根据情节处以什么样的处罚。