web前端vue：vue内部指令大全说几个常用的

vue的内部指令(Directive)还是有点点量的，是特殊带有前缀v-的特性。指令的值限定为绑定表达式，指令的指责就是当其表达式的值改变时把某些特殊的行为应用到DOM上。

废话不多说上码：

1. v-if指令可以看作成在html里使用的if(){}的一个判断语法，可以根据表达式的值（false,true）在DOM值移除或生成。

显示或隐藏

2. v-show指令可以根据表达式的值（false,true）来显示或隐藏html元素，其实查看DOM变化时只是在内联样式里加了：style="display:none"的一个方式。

显示或隐藏

3. v-else顾名思义，v-else就是js里的else的意思，它必需跟v-if或v-show，来一起使用充当else的功能。

显示

隐藏

4. v-model指令用来在表单控件或一些元素上创建双向数据绑定。它会自动选取正确的方法更新元素，是不是很神奇？但是v-model不过是语法糖。

5. v-for指令可以看作是js里的for(){}的操作，可以使用$index来呈现它的数组索引一般会跟着

的标签使用的比较多。

{{index}}{{$index}}

//这里的索引有两种方式使用。

6. v-bind指令用来相应更新HTML特性，可以动态绑定一个或多个prop动态绑定到表达式。

显示

一般都会用简写模式

有喜欢vue或前端的同学可以加我（微信：nihaomeili87）我们一起进步