VUE指令

v-model：数据双向绑定

在表单控件或者组件上创建双向绑定。input、select、textare、component

v-for数据循环

v-for和v-if一起使用时，v-for的优先级比v-if的优先级高。但不建议一起使用，避免产生不友好的现象

v-show&v-if的区别

v-show：在元素中添加display。隐藏DOM元素，对于页面资源消耗比较少。

单纯的只是页面元素的隐藏可以使用v-show

v-if：直接删除DOM元素。DOM元素中有接口时，当v-if值为true时，会请求接口，如果加载内容的话，使用v-if是重新渲染，但对性能也有一些影响

v-bind绑定属性

绑定方式：v-bind:class 或 :class

v-text&v-html

v-text：不会解析标签，把标签当做字符串来解析

v-html：解析标签

如：v-text="<h4 style:color:white;>Cherry</h4>" ————<h4 style:color:white;>Cherry</h4>

v-html="<h4>Cherry</h4>"————Cherry