【学习笔记】19-v-show的学习和使用，以及v-if的对比

v-show的学习和使用

v-show一般用在频繁的切换，如果添加判断，隐藏方式是添加display:none的样式
v-if的判断隐藏方式，是不渲染

示例代码

	<div id="app" >
	<h2 v-if="isShow">我要不要显示呢？</h2>
	<h2 v-show="isShow">我要不要显示呢？</h2>
	<button type="button" @click="isShow = !isShow">点击我</button>
	</div>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	const apt = new Vue({
		el:'#app',
		data:{
			isShow:true
		},
	})
</script>

显示结果

注意

在开发中，一般频繁切换的场景，建议用v-show。如果只显示一次的场景，用v-if