1回答

好帮手慕糖

2020-04-09

已采纳

同学你好，关于你的问题，回答如下：

1、v-if是通过条件判断，true显示，fasle隐藏，隐藏的时候页面中对应的dom元素将被删除。

v-show是通过display:block显示，display:none隐藏，隐藏的时候页面中依旧还有对应的dom元素；

2、编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译（编译被缓存？编译被缓存后，然后再切换的时候进行局部卸载); 

v-show是在任何条件下（首次条件是否为真）都被编译，然后被缓存，而且DOM元素保留；

3、性能消耗：v-if有更高的切换消耗；v-show有更高的初始渲染消耗；

4、使用场景：v-if适合运营条件不大可能改变；v-show适合频繁切换。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

0