vue 常用指令v-if v-else v-show v-for

v-show ：将元素display

v-if :remove dom元素

v-else 的运用：else 必须跟在v-if 或者v-show后面

<div v-if="Math.random() > 0.5"> Now you see me </div>

<div v-else> Now you don't </div>

这里面可以传参 对象。数组。字符串。对象可以是{color:true} 这样来判断是否显示等等。

 

v-for :

三种方式 

<p>v-for =" val in items">{{val.text}}</p>

<p>v-for =" (val,name) in items">{{item.text}}</p> 可以遍历属性 如下

可以遍历   obj:{text:1,name:2} 

<p>v-for =" (val,name,index) in items">{{item.text}}</p> indxe 是索引

 

也可以遍历组件

<componentA v-for="k in arrTodoList"></componentA>  将组件循环显示多次