vue常用的指令

1、v-if

它其实取值就是true或者false，它是控制元素是否需要被渲染。

2、v-else-if

因为除了v-if这个条件可能还有别的条件。

3、v-else

它除了不满足v-if和v-else-if之后的东西。

4、v-show

它取值也是true或者false，其实跟样式里面display属性是一样的，它其实照样也是有渲染的，只是当前给他隐藏了或者展示了。

5、v-model

它其实用于表单输入，我们实现表单控件和数据的一个双向绑定。

6、v-on

v-on其实就是我们用来绑定的点击click事件，比如说我们某一个点击事件要去做什么事情的时候会用到，v-on也可以用@来简写。就是基础事件用来绑定事件。

7、v-once

这个v-once就是说我只能执行一次性的数据差值。

8、v-for

它其实就是渲染列表的一个渲染，它这个数据的格式是可以数组也可以是对象。

语法类似于“<div v-for="(val, index) in items" :key="index">”，其中item是遍历的元素，index是元素在数组中的索引。

9、v-text

它就是自己纯文本输出来（包括样式）。<div style='color:red'> 123</div>

10、v-html

它其实是将数据绑定到元素的innerHTML属性上，然后将数据作为HTML解析并插入到元素中。

11、v-pre

他其实跳过所有的一个编译阶段。

12、v-bind

动态绑定一些元素。简写“:”来替代v-bind，例如“:src="imageUrl"”。