07vue中的for循环和if

<div id="app">
			<ul>
				<!--<li v-for="(v,i) in arr">
					{{v}}
				</li>-->
				<!--当键一样时取出的只有一个-->
						键  值  索引
				<li v-for="(val,key,i) in obj">
					{{val}}    {{key}}    {{i}}
				</li>
				<!--得到5个li-->
				<li v-for="in 5"></li>
			</ul>
		</div>
		<script type="text/javascript">
			var app=new Vue({
				el:"#app",
				data:{
					arr:['a','b','c','d'],
					obj:{'name1':'张三','name2':'二哈','name3':'王麻子','name4':'李四'}
//					obj:{'name':'张三','name2':'张三','name3':'张三','name4':'张三'}
				}
			})
		</script>

if做的简单轮播
v-if 指令将根据表达式 data里面定义 的 状态 或 来决定是否插入或显示 元素。

<div id="box">
			<img src="img/01.jpg" v-if="num==0">
			<img src="img/02.jpg" v-else-if="num==1">
			<img src="img/03.jpg" v-else>
		</div>
		<script type="text/javascript">
			
			var box=new Vue({
				el:"#box",
				data:{
					num:0
				},
				mounted(){
					setInterval(()=>{
						if(this.num>=2){
							this.num=0;
						}else{
							this.num++;
						}
					},2000);
				}
			})
		</script>