vue之条件语句

1.条件语句：v-if

<div id="if-use">
	条件语句if的使用
	<div v-if="exists">
		能看到我表示条件为true,否者条件为false
	</div>
</div>

var demo1=new Vue({
	el:"#if-use",
	data:{
		exists:true
	}
});

2.条件语句：v-else

<div id="if-else-use">
	条件if-else的使用
	<div v-if="exists">
		if条件为true
	</div>
	<div v-else>
		if条件为false
	</div>
</div>

var demo2=new Vue({
	el:"#if-else-use",
	data:{
		exists:false
	}
});

3.条件语句：v-elseif

<div id="if-elseif-use">
	条件if-elseif的使用
	<div v-if="score>80">
		成绩优秀
	</div>
	<div v-else-if="score>70">
		成绩普通
	</div>
	<div v-else-if="score>60">
		成绩一般
	</div>
	<div v-else>
		成绩差
	</div>
</div>

var demo3=new Vue({
	el:"#if-elseif-use",
	data:{
		score:80
	}
});

4.条件语句：v-show

<div id="show-use">
	v-show指令的使用
	<div v-show="exists">
		一般的显示数据判断结果中exists为true
	</div>
</div>

var demo4=new Vue({
	el:"#show-use",
	data:{
		exists:true
	}
});

5.总结

1.vue中的条件语句还是比较简单的就是：v-if、‘v-else、v-elseif、v-show

以上纯属个人见解，如有问题请联系本人！