v-if与v-show的区别

v-if与v-show的区别

相同点

都可以控制dom元素的显示和隐藏

不同点

v-if:是使整个dom元素显示或隐藏
v-show:是借助display的none和block实现内容的显示隐藏

场景的使用

v-show:更适合频繁的显示隐藏
v-if:适合在不影响布局的情况下显示隐藏

项目中的案例

v-if:比如在请求数据的时候 如果因为网速的问题使数据没有加载出来那么控制台会报错,此时我们就可以用到v-if来判断如果有数据的话就让他显示元素没有数据的话就让他隐藏元素
v-show:更适用于tab的切换