前端学习——侦听属性

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

监听属性

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

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

前端学习——侦听属性_第1张图片

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

有了计算属性,为什么还要有监听属性呢? 

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

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

如官网所述:

前端学习——侦听属性_第2张图片

你可能感兴趣的:(学习)