vue常用指令

vue中的指令有很多，我们平时常用到的有：

v-if ： 是动态的向DOM树中添加或删除元素；

v-else ： 是搭配v-if使用的，他必须紧跟在v-if或v-else-if后面，否则不起作用

v-show ： 是控制标签的css样式display的值是不是none，显示隐藏的

区别：

1、当条件为真的时候没有区别 当条件为假的时候 v-if通过创建或删除DOM节点来实现元素的显示与隐藏的， v-show 通过css中的display属性来控制的

2、v-if 更适合数据的筛选和初始渲染 v-show 更适合元素的切换

v-for:  v-for是根据遍历数据来渲染，要配合key使用。要注意的是当v-for和v-if同处于一个节点时，v-for的优先级比v-if更高。这意味着v-if将运行在每个v-for循环中

v-on： 用来绑定一个事件或者方法，简写方式是@click=""

v-bind:  v-bind用来动态绑定属性，常用于动态绑定class和style以及href等。简写方式“ :属性名=""”

v-model : 只能适用于在表单元素上， 可以实现数据双向绑定。