1、v-bind：用于绑定 HTML 属性的值到 Vue 实例的数据，你可以使用v-bind:src 来动态地更改图像的源。
示例：<img v-bind:src="imageSrc">
简写形式：:src="imageSrc"
2、v-model：用于在表单控件元素上创建双向数据绑定，这通常用于<input>、<textarea> 或<select> 元素。
示例：<input v-model="message">
3、v-on：用于监听 DOM 事件，并在触发时运行一些 JavaScript 代码。
示例：<button v-on:click="doSomething">Click me</button>
简写形式：@click="doSomething"
4、v-if、v-else-if、v-else：用于条件性地渲染一块内容，这块内容只会在指令的表达式返回真值时渲染。
示例：
<div v-if="condition1">Condition 1 is true</div> <div v-else-if="condition2">Condition 2 is true</div> <div v-else>Neither condition 1 nor condition 2 is true</div>
5、v-for：用于渲染一个列表的元素，这通常用于渲染由数据数组驱动的重复内容。
示例：<div v-for="item in items">{{ item.text }}</div>
6、v-show：根据条件简单地切换元素的 CSS 的display 属性，与v-if 不同，v-show 会始终渲染元素，只是简单地基于条件切换元素的可见性。
示例：<div v-show="isVisible">This will be visible if isVisible is true</div>
7、v-text 和v-html：用于更新元素的textContent 或innerHTML，这些指令可以防止 XSS 攻击，因为它们不会解析 HTML 标签（v-text）或会安全地处理 HTML（v-html）。
示例：
<div v-text="message"></div> 会将message 的值设置为 div 的文本内容。
<div v-html="htmlContent"></div> 会将htmlContent 的 HTML 内容安全地插入到 div 中。
8、v-pre：跳过这个元素及其子元素的编译过程，可以用来显示原始的 Mustache 标签，当你不想编译某些内容时，可以使用这个指令。
9、v-cloak：这个指令保持在元素上直到关联实例结束编译，和 CSS 规则如[v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
10、v-once：这个指令表示元素和组件只渲染一次，即使随后发生了多次改变，它也将不会再次响应式地渲染，这可以用于优化更新性能。
这些只是 Vue 的一些基本指令，Vue 还提供了很多其他功能和选项来帮助你构建复杂的单页应用。