2.Vue中v-if、v-for、v-show等 的几个v- 的简单总结

1.v-if   —— 条件判断 

  在元素和<template>中使用  <  v-if="XXX" > 

  在data中引用

  data:{ 

   XXX:ture   //或false

 }

2.v-show —— 与v-if 类似

 v-if是将dom节点删除后再添加，当对应的数据为false时会直接删除当前节点，只用一次显示或隐藏，选用v-if

v-show是在不改变节点的情况下添加style="display=none;"当频繁的对dom节点进行操作的时候，用v-show更好

3.v-for  —— 循环

主要是以item in site 的特殊语法，顾名思义，in是谁在谁里面，后面包括前面，后面的site是源数据数组，包括自定义的关键字，使用  {{item .name}} 方法获取数据（name为site数组中的关键字名，item与site 可自定义，使用时不要乱了即可）

4.v-on —— 事件监听（又等于@click）

事件的绑定，相当于ID，在methods中实现，通过watch来响应数据的变化

<  v-on:click="XXX" >  或 <  @click="XXX" >   //XXX是事件回调函数的名称

XXX写入methods:{

     XXX : function(){     //XXX是方法，默认不带参数，若设置参数，下面同理

}

}

5.v-blind —— 用于绑定属性（单向）

<  v-blind:class="  " >  或 <  :class="  " >  //：后面可绑定title、style、class等

6.v-model —— 双向绑定 （表单元素和model中数据的双向绑定）

只运用在表单元素中，如input、radio等等

只是简单的理解，若有错误还望谅解指正！