luzhaofan

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。

计算属性（computed）主要是基于已有数据，计算另一种数据。如果计算属性依赖的数据发生变化，那么会重新计算。计算属性不能被修改，且不能在计算属性中做异步操作。

我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。

Vue 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

Vue 的设计主要受到MVVM模型的启发，因此在官方文档中经常会使用 vm 这个变量名表示组件实例。

列表渲染类似于 JavaScript 中的循环，通常如果我们需要渲染一张列表或者说布局一致仅仅只是内容不同的元素时，可以使用列表渲染。

过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解其为一个纯函数。 Vue 允许你自定义过滤器，可被用于一些常见的文本格式化。