vue笔记之v-if和v-show

v-if的特点是每次都会重新删除或创建元素，有较高的切换性能消耗
v-show的特点每次不会重新进行DOM的删除和创建操作，只是切换了元素 display:none样式，有较高的初始渲染消耗
元素涉及到频繁的切换，最好不要使用v-if
如果元素可能永远也不会被显示出来被用户看到则推荐使用v-if

<input type="button" @click="flag=!flag" value="显示隐藏">
<!-- <input type="button" @click="toggle" value="显示隐藏"> -->
<h3 v-if="flag">v-if控制的元素</h3>
<h3 v-show="flag">v-show控制的元素</h3>
<script>
data : function ()  {
	return {
		flag:true
	}
},
methods : {
	taggle () {
		this.flag = !this.flag
	}
}
  </script>