vue学习之watch与computed的比较
2019-11-07 本文已影响0人
小蜜蜂_1d30
vue提供了一种通用的方式来观察和响应vue实例上的数据变动:侦听属性。当有一些数据需要随着其他数据变动而变动时,(如果我们之前使用过angular js)----很容易滥用watch,其实可能更好的方法是计算属性computed
如下使用watch 编写的代码,看着冗余,复杂:
![](https://img.haomeiwen.com/i14713944/9128a2933fabd137.png)
使用计算属性computed:
![](https://img.haomeiwen.com/i14713944/8c558d00981af5f3.png)
页面呈现效果:
![](https://img.haomeiwen.com/i14713944/1dcd20b734301d87.png)
总结:哪个简单,方便,一目了然
vue提供了一种通用的方式来观察和响应vue实例上的数据变动:侦听属性。当有一些数据需要随着其他数据变动而变动时,(如果我们之前使用过angular js)----很容易滥用watch,其实可能更好的方法是计算属性computed
如下使用watch 编写的代码,看着冗余,复杂:
使用计算属性computed:
页面呈现效果:
总结:哪个简单,方便,一目了然