uniapp--循环

1. v-if ，v-else-if ，v-else 必须紧挨着写。

v-else后面不用加判断。

v-show与v-if区别：

v-if判断为false的内容在页面与代码都不显示

v-show判断为false的内容在页面不显示，代码中显示，只是以css形式添加了display=“none”

用法：<v-if="判断"><v-else>；

用法：<v-show="判断"><v-show="！判断">；

2. v-for

a. 循环输出数组：

item:作为每个元素；

index:其下标（0 1 2 3 4 ..........）；

topbanner:哪个数组的名字；

key：作为每一个元素的索引（唯一标识符）

v-for="(item,index) in teaList" :key="index"

例如：循环输出轮播图数组中的图片

b. 循环输出对象：

value:值；

index:其下标（0 1 2 3 4 ..........）；

name:名称；

obj：对象名字（自定义）；

key：作为每一个元素的索引（唯一标识符）

v-for="(value,name,index) in obj" :key="index"

{{index}}-{name}}-{{value}}