vue常用指令

1. v-if：是动态的向DOM树中添加或者删除元素；
2. v-else是搭配v-if使用的，它必须紧跟在v-if或者v-else-if后面，否则不起作用
3. v-show：是通过标签的CSS样式display的值是不是none，控制显示隐藏
   区别：

• 当条件为真的时候 没有区别 当条件为假的时候 v-if通过创建或删除DOM节点来实现元素的显示隐藏，v-show通过css中的display属性来控制
• v-if更适合数据的筛选和初始渲染 v-show更适合元素的切换

4. v-for： v-for是根据遍历数据来进行渲染，要配合key使用。要注意的是当v-for和v-if同处于一个节点时，v-for的优先级比v-if更高。这意味着v-if将运行在每个v-for循环中
5. v-on：用来绑定一个事件或者方法，简写方式是@click=""
6. v-bind： v-bind用来动态的绑定一个或者多个属性。没有参数时，可以绑定到一个包含键值的对象。常用于动态绑定class和style。以及href等。简写的方式是“:属性名=""”一个冒号
7. v-model 只能适用于在表单元素上，可以实现数据双向绑定
8. v-once 进入页面时 只渲染一次 不在进行渲染
9. v-text 解析文本
10. v-html 解析html标签