1、v-bind

该指令的作用是响应并更新DOM特性；例如下列的这些指令

v-bind:name
v-bind:title

这个指令的主要用法是绑定属性，动态更新HTML上的属性，v-bind可以缩写为‘:’

2、v-on

该指令的作用是监听DOM事件，例如下列的这些指令

v-on:click
v-on:keydown

v-on可以缩写为‘@’，此中又涉及到了一些修饰符，如下所示

//阻止事件冒泡
<a @click.stop="handle"></a>
//事件在该元素本身(而不是子元素)触发时触发
<div @click.self="handle"></div>
//只触发一次
<div @click.once="handle"></div>
//添加事件侦听器使用事件捕获模式
<div @click.capture="handle"></div>
//多重修饰符
<a @click.stop.prevent="handle"></a>

还有在表单元素中监听键盘事件可以使用的键盘修饰符

//这里需要找到键盘按键对应的ASCII码
<input @keyup.45="submit">

3、v-model

该指令用来进行数据的双向绑定；用于表单元素的输入等，用在input、select、text、checkbox、radio等表单控件元素上创建双向的数据绑定。

4、v-show

该指令为条件渲染指令，为DOM设置CSS的style属性

5、v-if

该指令为条件渲染指令，旨为动态的在DOM树上添加或者删除元素标签

6、v-else

该指令为条件渲染指令，必须与v-if搭配使用

7、v-else-if

该指令为条件判断指令，必须与v-if搭配使用

8、v-text

该指令的作用为更新元素的textContent;如下示例

<p v-text="con"></p>
//等同于
<p>{{con}}</p>

9、v-html

该指令的作用为更新元素的innerHTML，而且会把标签名也带上

10、 v-for

该指令为循环遍历指令，当使用该指令遍历数组时，必须有一个参数作为当前项的索引，item等。当使用该指令遍历对象属性时，有两个可选的参数，key(键名)以及index(索引)

该指令还可以用来迭代整数

<div v-for="count in 60">{{count}}</div>

在使用数组中的push()、pop()、shift()、unshift()、splice()、sort()、reverse()等方法修改数组时，v-for遍历渲染的数据页面也会立即更新。

11、v-cloak

该指令一般用来解决初始化慢导致页面闪动

12、v-once

该指令的作用是定义所处的元素或组件只渲染一次，包含元素或组件的所有子节点。在后续性能优化时，可能用到此命令

13、v-pre

该指令用来通过所处元素以及子元素的编译过程，进而加快整个页面的加载编译速度。