vue中computedmethodswatched比较

Posted zz-zrr

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中computedmethodswatched比较相关的知识,希望对你有一定的参考价值。

一、computed和methods对比

computed是状态(data)改变时,重新进行计算;methods是计算函数,每次重新渲染都会重新计算。比如return Date.now(),computed不会变化,methods则会更新。

1、计算属性(computed)是基于它们的依赖进行缓存的;

2、我们为什么需要缓存?假设我们有一个性能开销比较大的的计算属性 A ,它需要遍历一个极大的数组和做大量的计算。然后我们可能有其他的计算属性依赖于 A 。如果没有缓存,我们将不可避免的多次执行 A 的 getter!如果你不希望有缓存,请用 method 替代。

二、computed和watch对比

Vue 通过 watch 选项提供一个更通用的方法,来响应数据的变化。当你想要在数据变化响应时,执行异步操作或开销较大的操作,这是很有用的。

使用 watch 选项允许我们执行异步操作(访问一个 API),限制我们执行该操作的频率,并在我们得到最终结果前,设置中间状态。这是计算属性无法做到的。

以上是关于vue中computedmethodswatched比较的主要内容,如果未能解决你的问题,请参考以下文章

Vuejs中关于computedmethodswatch,mounted的区别

Vuejs中关于computedmethodswatch,mounted的区别

在vue中怎么使用Web Worker

vue 怎么挂载swiper

【vue】在vue中使用高德地图API

vue中使用vue-awesome-swiper