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

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

废话不多说上码：

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

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

3. v-else顾名思义，v-else就是js里的else的意思，它必需跟v-if或v-show，来一起使用充当else的功能。<p v-if="status">显示</p><p v-else>隐藏</p>

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

5. v-for指令可以看作是js里的for(){}的操作，可以使用$index来呈现它的数组索引一般会跟着<li>的标签使用的比较多。<li v-for="(item,index) in dataobj">{{index}}{{$index}}</li> //这里的索引有两种方式使用。

6. v-bind指令用来相应更新HTML特性，可以动态绑定一个或多个prop动态绑定到表达式。
<p v-bind:class="[某某样式]">显示</p>一般都会用简写模式<p :class="[某某样式]"></p>

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