vue学习v-if、v-show的区别和v-else的使用

vue学习v-if、v-show的区别和v-else的使用

首先v-if和v-show都可以实现数据在视图层的展示和隐藏 但是既然分了if和show就是有所区别，下边可以看一下两者的区别

因为绑定的都是true所以都是展示出来 接下来全改成false


这时候视图上的数据都已经隐藏，但是从后台可以看到v-if已经彻底的从dom中消失，而v-show在dom中依然存在，这就是两者最大的区别，v-if会改变dom的数据结构，会造成生命周期重新渲染，而v-show就是一个布尔的状态 纯粹的进行数据的展示与隐藏。
使用场景
v-if判断是否加载，在需要时加载,但有更高的切换开销;v-show:需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。
v-else
v-else需要在v-if后面使用，v-if=“false”那么v-else展示，v-if展示那么v-eles隐藏。