Vue选项:computedmethodswatch对比

2022-08-08 20:50:07

  阴谋属性computed和methods措施都可能将一段逻辑代码举办复用,那么他们有什么分歧之处呢.

  然而,分歧的是阴谋属性是基于它们的依赖举办缓存的。只正在相干依赖产生改观时它们才会从新求值。这就意味着只须message还没有产生改观,众次访候 reversedMsg 阴谋属性会立地返回之前的阴谋结果,而不必再次履行函数。

  正在众次挪用reversedMsg 阴谋属性是, console.log只会打印一次, 也即是从第二次挪用起先连续运用的都是第一次挪用阴谋属性取得的结果,只须当message数据产生改变的时期,阴谋属性才会从新履行.

  以是通常结果不如何太改变的,可能运用阴谋属性,阴谋属性只须依赖的数据褂讪,就会连续运用缓存的结果

  通过前面的研习,咱们真切阴谋属性computed和监听属性watch都可能做到关于数据的检测,

  computed 阴谋属性,往往是为了运用他的值, 这个值是依赖其他值而求得的结果,相当于保留了阴谋的经过,假如正在运用经过中,依赖的值产生了改变, 就会从新履行阴谋

  固然阴谋属性正在大大批环境下更符合,但有时也须要一个自界说的 watcher。这是为什么 Vue 通过 watch 选项供给一个更通用的措施,来反映数据的改变。当你念要正在数据改变响适时,履行异步操作或开销较大的操作,这是很有效的。