一、计算属性 　　计算属性关键词： computed。计算属性在处理一些复杂逻辑时是很有用的。 　　可以看下以下反转字符串的例子： 　　使用了计算属性的实例： 　　实例中声明了一个计算属性 reversedMessage 。提供的函数将用作属性 ...

计算属性 vue的模板里可以使用表达式，但是它的设计初衷是用于简单计算，在模板中放入太多逻辑会让模板过重且难以维护。例如： 这里很难一眼看出是要显示什么，而且要多次使用的话也很麻烦，因此对于复杂逻辑应使用计算属性 错误示例 ```html Title ...

一、为什么要使用计算属性 1、什么是计算属性 计算属性：可以理解为能够在里面写一些计算逻辑的属性。具有如下的作用： 减少模板中的计算逻辑。 数据缓存。当我们的数据没有变化的时候，不会再次执行计算的过程。 依赖固定的数据类型（响应式数据），不能是普通的传入的一个全局 ...

set and get 设置计算属性，同步更新元数据的值 ...

　　一般情况下属性都是放在data中的，但是有些属性可能是需要经过一些计算才能得出，那么，我们可以把这类属性变成计算属性。此时，需要将这些计算属性写到computed中，和将属性写在data中是一样的。表面上看，计算属性和methods一样，实际上，计算属性更加智能 ...

计算属性： 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时 ...

使用： ...

上一篇里演示了计算属性的优点，但是，computed和data里的属性还是有区别的，computed的一个弱点就在于依赖于data属性的更新，才能触发视图更新。 举个例子： 上个例子中谈到用v-for来加载妹子图片，现在我想在原先的基础上，添加两个按钮,一个用来增加一个妹子,一个用来减少一个 ...