v-bind=" "
单项的数据绑定，data中的数据能够流向页面，也就是说改变了data中的数据，页面会重新编译展示。
使用： v-bind:value="name"
简写： :value="name"
v-model=" "
双向数据绑定，数据可以从data流向页面，也可以从页面流向data，任何一边进行改动，页面都会重新编译展示。
使用： v-model:value="name"
简写： v-model="name"
特点: 用于表单类元素上input、select标签，默认收集的就是value的值，所以简写的时候省略value + :
v-if="true or false"、v-else-if=""、v-else=""
用于条件渲染页面
适用：频率切换较低
特点：为false时，不展示dom的元素，直接被移除。三个标签一起使用时，不能被打断，需要层层联系。dom元素节点可能会获取不到，因为不存在，使用v-show可以获取到。
v-show="true or false"
适用：频率切换较高，底层使用display:none隐藏
特点：展示的dom不会被移除，只是隐藏
v-for=" "
用于展示列表的数据
使用：**遍历数组**
1. v-for="person in list"
2. v-for="(person, index) in list" :key=""
person：从list中取出的每个对象
index：索引值 0、1、2、3...
list：遍历的数组
:key：设置的唯一标识
-------------------------------------------
**遍历对象**
3. v-for="(value, key) in person"
value:对象属性的value值
key:对象的属性
-------------------------------------------
**遍历字符串**
4. v-for="(char, index) in str"
char:字符
index:下标
v-text=" "
作用：向所在的节点渲染文本内容
特点：会替换整个节点中的内容
<div v-text="str">abc</div>
abc会被str替换
v-html=" "
作用：能够解析html语句
特点：会替换整个节点中的内容。会出现xss攻击
v-cloak
作用：可以将未经解析的模板显示在页面。在vue实例接管容器后，会删除v-cloak属性，在未接管之前，可以拿到所有的v-cloak的标签，设置display:none
v-noce
作用：能够保存第一次解析模板的值，数据的改变不会引起节点的更新
v-pre
作用：跳过节点的编译过程，加快编译
