Vue中计算属性有哪些

这篇文章主要为大家展示了"Vue中计算属性有哪些"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"Vue中计算属性有哪些"这篇文章吧。

1、何为计算属性：大白话讲就是计算出来的结果保存在属性当中，可以想象为缓存。

        
        
currentTime1：{{currentTime1()}}
        
currentTime2：{{currentTime2}}

运行结果：

可能咋一看好像没什么区别呀。

但是我们仔细思考一下，一个是方法，一个是属性。

如下所示：

        
currentTime1：{{currentTime1()}}
        
currentTime2：{{currentTime2}}

重点：属性是存值的，有新的值进来才会改变，不然就跟缓存一样，我们来看这个：

解释一下：

1.在1、2当中我们可以看出，一个是方法一个是属性，属性用方法来调用肯定是不行的。

2.在1、3当中我们可以看出，方法调用的值一直在变，但是属性调用的值没有改变这就跟他是缓存机制一样

3.在3、4、5当中我们就可以看出，当我们一旦改变了函数当中的值，就相当于改变了缓存中的值，那么他就会刷新值。

以上是"Vue中计算属性有哪些"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！