vue中计算和观察有哪些区别

介绍

这篇文章将为大家详细讲解有关vue中计算和观察有哪些区别,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

区别:计算属性计算支持缓存,只有依赖数据发生改变,才会重新进行计算,不支持异步,当计算内有异步操作时无效,无法监听数据的变化。而监听属性看不支持缓存,数据变,直接会触发相应的操作,支持异步。

看着顾名思义,用于监听数据变化,其中可以监听的数据来源有三部分:道具、数据,计算内的数据,看提供两个参数(newValue oldValue),第一个参数是新值,第二个参数保存旧值;

计算用于处理复杂的逻辑运算,主要和方法储存方法来进行区分;方法储存方法,,计算储存需要处理的数据值;方法每次都会调用,计算有缓存机制,只有改变时才执行,性能更佳;

<强> vue中计算机与观看区别:

计算属性计算:

1。支持缓存,只有依赖数据发生改变,才会重新进行计算

2。不支持异步,当计算内有异步操作时无效,无法监听数据的变化

3.计算属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于数据中声明过的数据通过计算得到的

4。如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用计算

5。如果计算属性属性值是函数,那么默认会走得到方法;函数的返回值就是属性的属性值;在计算中的,属性都有一个会和一个集方法,当数据变化时,调组用方法。

监听属性观察:

1。不支持缓存,数据变,直接会触发相应的操作,

2.看支持异步;

3。监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;

4。当一个属性发生变化时,需要执行对应的操作,一对多;

关于vue中计算和观察有哪些区别就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

vue中计算和观察有哪些区别