VUE之 v-show和v-if谁性能更加优秀

233 阅读1分钟
       <div v-show='true'> </div>
       <div v-show='false'></div>

       <main v-if='1 > 2'></main>
       <span v-else></span>

其实呢这个问题要看再要再哪里去用了,如果是用在选项卡之类的频繁切换的上面, 那么毫无疑问,肯定是v-show,v-show的比之v-if的不足也就是加载开销大,但是这点如果要是用在频繁切换的项目上面反而成了有,第一次加载出来,后面避免了二层加载虚拟DOM。

而v-if则是频繁切换开销大,每一次去切换都要重新加载一遍虚拟DOM,但是仁者见仁,如果我们要是用在加载大的页面布局上面他又成了优点。

总结一下,如果是要做选项卡之类的频繁切换的东西v-show是不二之选,但是如果是并不经常切换的大页面,肯定是要用v-if,这个想都不用想的