前端学习——侦听属性

前面讲了vue的计算属性——computed，其主要作用就是代码复用及加缓存解决效率问题，下面还有一个和计算属性非常相似的侦听属性——watch， 其功能与写法和计算属性差不多。

监听属性

如下图所示，所谓的侦听属性就是监听属性，当属性的值改变时，就会触发监听功能。如下图所示，当点击 点击修改按钮时，改变属性flag的值，这时监听器watch 就会监听到flag的变化，并进行处理。当然，想监听某个属性，就要在监听器watch中配置要被监听的属性。

监听属性除了handle处理函数外，还有其它属性，比如deep，表示深度监听。

监听属性与计算属性的对比

有了计算属性，为什么还要有监听属性呢？ 

因为监听属性能做到的事，计算属性基本上也都可以做到，而且更加方便与简单。

但监听属性有一个优点是计算属性做不到的，那就是异步处理，比如在属性改变时需要进行延时操作，或者调用ajax等异步处理功能，这时计算属性就无能为力了，而监听属性却可以做到。

如官网所述：