下面是 Vue.js 中一些常用的指令：
1. v-bind
v-bind 指令用于动态地绑定 HTML 属性。它可以绑定任何一个 HTML 属性，例如 class、style、id、src 等。使用方式为：
<imgv-bind:src="imgUrl"alt="">
上面的代码将会将 imgUrl 中存储的图片路径绑定到 <img> 标签的 src 属性上。也可以使用简写方式：
<img:src="imgUrl"alt="">
这两种方式是等价的。
2. v-if / v-show
v-if 和 v-show 都用于条件渲染，但它们的使用场景略有不同。
v-if 是“真正”的条件渲染，如果表达式的值为 false，那么它将不会渲染出来。而 v-show 则是将元素的 display 属性设置为 none，如果表达式的值为 false，那么它仍然会渲染出来，只是不会显示在页面上。
<divv-if="show">Hello, Vue!</div><divv-show="show">Hello, Vue!</div>
3. v-for
v-for 指令用于遍历数组或对象，可以渲染出多个元素。
<ul><liv-for="item in items":key="item.id">{{ item.text }}</li></ul>
上面的代码将会遍历 items 数组，并为每个数组元素生成一个 <li> 元素，key 属性用于指定每个元素的唯一标识。
4. v-model
v-model 指令用于在表单元素和 Vue.js 实例的数据之间进行双向绑定。
<inputv-model="message"placeholder="Input something..."><p>{{ message }}</p>
上面的代码将会将 <input> 元素中的值和 Vue.js 实例中的 message 数据进行双向绑定，用户输入的内容会实时更新到 message 中，同时 message 中的数据也会实时更新到 <p> 标签中。
结语
Vue.js 提供了许多有用的指令，我们只列出了其中的几个常用指令。在使用 Vue.js 开发时，熟练掌握指令的使用是非常重要的。
