Vue.js学习笔记：v-if条件渲染与v-show区别

一.v-if是什么？

       v-if是用于根据表达式的值的真假条件渲染元素,可以在 Vue 插入/更新/删除元素时自动应用过渡效果。

      v-if是真实的条件渲染，因为它会确保条件块在切换时合适地销毁与重建条件块内的事件监听器和子组件。

二.v-if分析

       v-if  完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，那么对应的元素就会从DOM中移除；否则，对应元素的一个克隆将被重新插入DOM中。

	
	
	


	 
yes
	 
no
	 
Age:{{age}}
	 
Name:{{name}}

效果图：

      因为v-if是一个指令，需要将它添加到一个元素上。但是如果想切换多个元素，则可以把