原理篇---v-if和v-show

一、应用场景

v-if：当组件中某块内容只会显示或者只会隐藏，不会因为页面上的操作再次改变显示状态时。

v-show：当组件中某块内容显示隐藏是可以变化时。

二、两者实现显示隐藏的方式

v-if：动态的向dom树中添加或者删除dom元素

v-show：通过设置dom元素的display属性

三、编译条件

v-if：惰性的，如果初始条件为假，则什么也不做，只有在条件第一次变为真时，才开始编译

v-show：在任何条件下都会被编译

四、v-if解决问题的场景

页签切换，返回等情况，出现表格或者图表渲染问题，可以考虑v-if去解决