vueJS中的计算和侦听器属性

原创 1948712434 随笔 VueJS 89阅读 26 天前 举报

在vueJS中拥有computed和watch属性,这两个属性都是可以作为检测属性从而进行使用,什么是检测属性呢?检测属性就是用来观察某个变量的状态(变化),检测属性的用处是当被检测的变量的状态发生改变后对某些东西进行相应处理(也可以说是后调函数callback)。例如:

所以检测属性即是相当于一个callback函数。

watch属性的使用

那么我们可以从上面看到msg属性和newVal与oldVal参数:
msg数被检测的变量;
newVal是被检测变量的最新状态;
oldVal是被检测变量的前一个状态;
其中newVal和oldVal可以不用即是

computed属性的使用

computed中的方法要return,绑定的是方法。

计算属性和侦听器属性的区别

计算属性具有缓存的特性而侦听器没有具备这个特性,所以大多时候使用的是计算属性,其实我没想到一个证明他两的却别例子,也许是没有理解透。看到网上说的当处理的一个变量开销大时使用计算属性,比如循环、遍历。当被遍历的对象没发生改变时计算属性就会输出上一个缓存数据,而侦听器还是得遍历一次,输出的数据和上一次一样。所以计算属性的好处就在这里(防止没必要性能消耗)。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复