有时，我们在模板中放置了太多逻辑，这使模板太重和难以维护。例如：
在这种情况下，我们必须看到它一段时间才能意识到，这里是显示变量消息的翻转字符串，一旦我们想多次使用翻转字符串，它将更加麻烦。我们处理复杂的逻辑，应使用计算属性。
计算属性是VUE配置对象中的属性。使用方式如下：
例如，我们想获得一串字符串字符串字符串，我们可以使用计算属性要做：
我们可以看到，倒车的值取决于味精的值，因此，当我们更改味精的值时，将更改reversedmsg的值。
实际上，我们的上述功能可以通过使用方法来实现：
尽管在表达方法中也可以实现相同的效果，但是计算属性和使用方法之间存在一个本质差异。当使用该方法时，每个页面都重新填充，将重新执行相应的方法，执行，例如：
在上面的示例中，我们可以看到，一旦更改了名称的值，该页面将被重新呈现。目前，执行了控制台中的新闻打印方法，该方法代表了reversedmsg函数的函数，但是我们不需要此方法即可执行执行，因为数据的更改与此函数无关。如果此功能中的逻辑很复杂，则它也是性能的消费。
但是使用计算属性，不会有这样的现象，例如：
目前，可以看出，当重新分配数据时，未执行计算属性。因此，计算属性和方法之间的最本质区别在于，计算属性是根据响应依赖性缓存的。计算属性的值始终存储在缓存中。只要数据数据取决于doesthe的结果，缓存的结果就会立即返回而不是再次执行函数。
那么，为什么需要缓存呢？
如果我们说我们有一个计算属性a，它需要遍历一个巨大的数组并进行巨大的计算。然后，我们需要使用此计算属性A。如果没有缓存，我们将再次执行A的功能性能开销变得非常大。
除了编写函数外，计算属性也可以写为对象。对象中有两个属性。Getter＆Setter。这两个属性是函数。写作如下：
在正面，我们将计算属性直接写入一个函数，即getter函数。换句话说，计算属性仅默认情况下是getter。getter的this自动绑定到vue实例。
什么时候执行？
当我们获得一定的计算属性时，执行GET函数。
可选的，当计算属性重新启动时，将执行设置函数。参数：重新启动的值。SETETER的此函数自动绑定到VUE实例。
应该注意的是，即使给出了值的计算属性，也不会更改计算属性。再次重复。只有当响应属性取决于因属性的变化时，才能重新计算属性。
本文分享了真诚的Yunyun社区，作者：诚实的人。