VUE----watch和compute

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

1.computed:计算属性

computed是一个对象，而里面需要计算的属性是一个函数的返回值。计算属性默认只有getter，可以在需要的时候自己设定setter。在data中没有直接声明出要计算的变量，也可以直接在computed中写入。

computed适用场景


2.computed与methods

区别：计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。

为什么需要缓存？假设有一个性能开销比较大的计算属性 A，它需要遍历一个巨大的数组并做大量的计算。然后可能有其他的计算属性依赖于 A 。如果没有缓存，将不可避免的多次执行 A 的 getter！如果不希望有缓存，请用方法来替代

3.watch

watch与computed相似，也是一个对象，侦听的属性，是通过一个方法的返回值。在侦听的属性对应的函数中的参数，为当前侦听属性的值。使用 watch 选项允许执行异步操作等，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。如果在data中没有相应的属性的话，是不能watch的

例如：

以上是 VUE----watch和compute 的全部内容， 来源链接： utcz.com/z/378409.html

回到顶部