Uniapp 数据循环(四)

数据循环和数据条件

数据循环

• 通过 v-for 来指定要循环的数组

• item 和 index 分别是循环项和循环索引

• :key 指定唯一的属性,用来提升效率

编码演示

<view v-for="(item,index) in list" :key="index"> {{item.id}} </view>-

数据条件

• 通过 v-if 来决定显示或者隐藏,不适合做频繁的切换显示,Dom 有没有

• 通过 v-show 来决定显示或者隐藏,适合做频繁的切换,Dom 有但是不显示

<view v-if="true"> 显示</view>
<view v-if="isShow">显示或者隐藏</view>
<view v-show="false">隐藏</view>