在页面中，最常见的莫过于列表，通常我们都是后台直接使用for循环遍历数组拼装成html页面，然后替换进模板里来展示，不过Vue只获取数据，所以这部分也要vue自己来实现。

在显示过程中，以往都是后台程序判断数据之后来控制元素是否显示，或者通过js来控制css样式切换来控制。现在在vue中可以通过v-if指令来控制。

Vue还有个强大的功能就是事件监听机制。事件处理器的值可以是事件被触发时执行的内联 JavaScript 语句也可以是一个组件的属性名、或对某个方法的访问。

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。所以我们需要一个能进行大量运算的计算属性。

数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 把一个动态的字符串赋值给它们。然而通过字符串拼接生成这些值是麻烦且易出错的。因此，Vue 专门为 class 和 style 的 v-bind 用法提供了特殊的功能增强。除了字符串外，表达式的结果还可以是对象或数组。

在Vue中有着一些特殊的“属性”，他们被称为指令。指令 (Directives) 是带有 v- 前缀的特殊属性。指令属性的值预期是单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。那么我们来看看有哪些常用的插值指令吧。