常用API简介
通过上一节的内容，我们可以知道，在开发Vue应用的过程中，关键点在于如何组织Action与Model之间的关系，而Model和View之间的关系，则通过Vue框架本身的MVVM能力进行处理。以下各小节，也是按照该结构加以组织：
1、模版指令
Vue中的模板指令（Directives）是带有“v-”前缀的HTML属性。指令的职责，是根据属性值，将某些行为应用在DOM元素上，从而实现封装DOM层操作的目的，不同的指令对应不同的行为（Vue2.X版本及以后，对DOM的操作模式由DocumentFragment的方式，改为VNode的方式，则不同的指令会生成不同的render函数。总之，简单来说，指令的作用，在于封装了常见的DOM操作。）
指令的基本结构：*v-指令[：参数 ]｛.修饰符｝= " JavaScript表达式 " *。
（1）v-show：
用法：根据表达式的真假值，来切换DOM元素的 display 属性值。
说明：常用于一些筛选、过滤类的场景中，因为只是更改了css属性，可以避免操作DOM带来的性能开销。
（2）v-if（v-else、v-else-if）：
用法：根据表达式的真假值，来决定是否渲染某些DOM元素。
说明：该指令包裹的内容块更像一种能读取父实例数据的子实例，每一次条件的变化，都会经历一次DOM的销毁与重建。
（3）v-for：
用法：根据源数据，多次渲染某一个内容块。
说明：v-for后面的表达式可以是数组、对象以及数字。
（4）v-bind：
用法：绑定HTML属性值与表达式。
说明：Vue中的双向绑定都需要使用v-bind，换句话说，使用v-bind的话，会将" [expression] "中的内容作为JavaScript表达式进行解析赋，且对应的HTML属性会作为动态属性；而如果不使用，则会将其中的内容作为字符串，其对应的HTML属性则作为静态属性。
（5）v-on：
用法：绑定事件监听器。参数值为事件类型，表达式为监听函数。例如：v-on:click='handle_click'。
说明：相关的事件修饰符：.stop，.prevent，.capture等。
（6）v-model：
用法：监听、、