v-bind：用于动态地绑定一个或多个属性，或一个组件prop到表达式。例如，v-bind:class="{ active: isActive }" 或者简写为 :class="{ active: isActive }"。
v-if：根据表达式的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁和重建。
v-else：为 v-if 或者 v-else-if 添加“else 块”。
v-else-if：为 v-if 添加“else if 块”。
v-show：根据表达式之真假值，切换元素的 CSS property display。
v-for：基于源数据多次渲染元素或模板块。此指令之值，必须使用特定语法 alias in expression，为当前迭代的元素提供别名。
v-on：监听 DOM 事件，并在触发时运行一些 JavaScript 代码。例如，v-on:click="doSomething" 或者简写为 @click="doSomething"。
v-model：在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。
v-text：更新元素的 textContent。如果要更新部分的 textContent，需要使用 {{ Mustache }} 插值。
v-html：更新元素的 innerHTML。注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。如果试图使用 v-html 来复合局部模板，可能无法正常工作。
v-pre：跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。
v-cloak：保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
v-once：元素和组件只渲染一次。即使随后发生了多次变化，它也不会再重新渲染。
这些指令是 Vue 的核心特性之一，使得 Vue 可以非常灵活地处理 DOM 元素，创建动态和响应式的 Web 应用程序。
