简述Vue中method和compute以及watch的区别

  • Post author:
  • Post category:vue



用途:

method:一般用于事件处理函数方法调用

compute:一般用于属性的计算

watch:主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作


调用方式:

{{compute}} //计算属性
{{methods()}} //方法需要用小括号调用
//watch 则不需要调用起监听作用


区别

1.methods中没有缓存机制,页面中调用了多少次就要执行多少次

2.compute中有缓存机制,当依赖没有发生变化时,页面中使用多次只用执行一次,当依赖发生变化时,才会重新执行

3.watch中也没有缓存机制,观察某一个属性的变化,重新计算属性的值

4.compute更适合用于多个属性同时影响一个属性的多对一情况,watch更适合用于一个属性影响多个属性的一对多的情况

总结

watch是观察某一个属性的变化,重新计算属性值,computed是通过所伊拉德属性变化重新计算属性值。

大部分情况下watch和computed几乎没有差别。但是如果要在数据变化的同时进行异步操作或者是比较大的开销,那么watch为最佳选择

methods则作为函数调用以及事件处理函数



版权声明:本文为qq_68186353原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。