Vue.js常用的指令

vue.js 的指令是以 v- 开头的，它们作用于 HTML 元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看做特殊的HTML特性。

v-if 指令

v-if 是条件渲染指令，它根据表达式的真假来删除和插入元素。

v-show指令

v-show 也是条件渲染指令，和 v-if 不同的是，使用 v-show 指令始终会被渲染到HTML，它只是简单地为元素设置css的style属性。

v-else 指令

v-else 元素必须立即跟在 v-if 或 v-show 元素的后面 -- 否则它不能被识别。v-else 元素是否渲染在HTML中，取决于前面使用的 v-if 还是 v-show 指令。

v-for 指令

v-for 指令基于一个数组渲染一个列表，它和 JavaScript 的遍历语法相似：v-for = "item in items"。items 是一个数组，item 是当前被遍历的数组元素。

v-bind 指令

v-bind 指令可以在其名称后面带一个参数，中间放一个冒号隔开，这个参数通常是HTML元素，例如：V-bind:class。可以缩写成：“：”

v-on 指令

v-on 指令用于监听DOM事件，它的语法和 v-bind 是类似的，有两种调用方式：绑定一个方法，或者使用内联语句。可以缩写成：“@”

v-text 指令

v-text 是用于操作纯文本，它会替代显示对应的数据对象的值。当绑定的数据对象上的值发生改变，插值也跟着发生改变。是单项数据绑定，数据对象上的值改变，插值会发生改变。缩写形式 " {{}} " 。

v-html 指令

v-html 指令用于输出html，他与 v-text 区别在于 v-text 输出纯文本，浏览器不会对其再进行html解析，但 v-html 会将其当html标签解析后输出。

v-model 指令

v-model 指令通常用于表单组件的绑定，它与 v-text 的区别在于它实现的表单组件的双向绑定，如果用于表单控件以外标签是没有用的。