Vue中computed计算属性的使用和三个特点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中computed计算属性的使用和三个特点相关的知识,希望对你有一定的参考价值。

参考技术A computed是Vue实例中的一个属性对象。

在computed中,可以定义一些属性,这些属性,叫做计算属性。计算属性的本质就是一个方法,只不过,我们在使用这些计算属性的时候,是把它们的名称,直接当做属性来使用,并不会把计算属性当做方法来使用。

三个注意事项:

一、计算属性在引用的时候,一定不要加()去调用,直接把它当作普通的属性去使用就好了;

二、只要计算属性这个function内部所用到的data中的数据发生了变化,就会立即重新计算这个计算属性的值;

三、计算属性的求值结果,会被缓存起来,方便下次继续使用;如果计算属性方法中,所依赖的任何数据,都没有发生过变化,则不会重新对计算属性求值。

[每天进步一点点~] vue uni-app 计算属性computed和监听watch

参考技术A uni-app页面

不需要在data中定义

需要在data中定义

但是使用计算属性会更简洁

以上是关于Vue中computed计算属性的使用和三个特点的主要内容,如果未能解决你的问题,请参考以下文章

vue之watch和计算属性computed

Vue computed计算属性 理解

computed-计算属性的使用和3个特点 方案3

vue2源码-- computed 计算属性的实现

vue2源码-- computed 计算属性的实现

Vue计算属性和监听属性