v-if和v-show的区别

v-if和v-show区别
v-if通过控制dom节点是否存在来控制元素的显示和隐藏。既如果显示元素,则编译元素，元素在源代码中显示；如果不显示元素，则不编译元素，元素在源代码中也不会显示
v-show通过控制dom节点的display属性来控制元素的显示和隐藏。既如果显示元素，display的属性值为block，如果隐藏元素，display的属性值是none

<div id="app">
	<p v-if="seen">现在你看到我了</p>
	<p v-if="noseen">你是看不到我的</p>
	<div v-show="isok">
		这是v-show指令
	</div>
</div>
<script type="text/javascript">
	new Vue({
		el:'#app',
		data:{
			seen:true,
			noseen:false,
			isok:false
		}
	})
</script>