1.v-bind 可简写为"：" 你看到的 v-bind 等被称为指令。指令带有前缀 v-，以表示它们是 Vue 提供的特殊特性。 我们可以使用 v-bind 来绑定元素特性! 在这里，该指令的意思是：“将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致 ...

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

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

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

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

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

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

使用： ...