vue计算属性是什么(vue计算属性写法)

导语：前端系列——Vue计算属性

1、Vue计算属性

（1）基本属性

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。所以，对于任何复杂逻辑，你都应当使用计算属性。

所有的计算属性都写在 Vue 实例的 computed 属性中，这个计算属性就是一个函数，返回值为最后属性的值。在模板中，直接当做属性来用。age是我们的计算属性，它依赖于data中的birthday。然后在使用的时候，是以属性的方式来使用的。

（2）计算属性的特点

和方法相比，计算属性的性能更高，因为它有缓存。

计算属性在多次重复调用的时候，只会执行一次（一次性输出所有的结果），而methods中的方法则会执行多次。

如果属性有变化，但是不是计算属性，那么计算属性对应的方法不会执行，但是methods 中定义的方法会重新执行。

本文内容由小茹整理编辑！