vue - 指令2

目录

指令(指令可以直接使用data中的数据)

 v-if  条件渲染

v-show

v-if 和 v-show的区别

 v-for 列表渲染

key的使用方法

v-for 和 v-if 一同使用

Vue.set( target, propertyName/index, value )

---

指令(指令可以直接使用data中的数据)

 v-if  条件渲染

后面跟表达式;

在Vue中可以使用v-if来控制模板里元素的显示和隐藏，表达式的值为true就显示，为false就隐藏；

v-if控制的是: 是否渲染这个节点;即元素的创建和销毁；

v-if 后面跟 条件表达式, 表达式的值为真时显示,为假不显示,通常用data中一个变量来接受这个值,通过改变变量的值来控制是否显示;

v-else-if指令可以实现多分支逻辑 ;

v-else 不跟表达式 , 当v-if的表达式为假的时候显示 v-esle的元素 ;

控制一组元素显示隐藏的时候，可以用