Vue学习(十一): v-if和v-show的使用和特点

一般来说，v-if有更高的切换消耗，而v-show有更高的初始渲染消耗，因此需要频繁切换v-show较好，如果在运行条件不太可能改变v-if较好。

区别

1. v-if 的特点：每次都会重新删除或者创建元素；v-show的特点: 每次不会进行DOM元素的删除和创建的操作，只是切换了元素的display:none
2. v-if 有较高的切换性能消耗，v-show有较高的初始渲染消耗
3. 如果元素涉及到频繁的切换，最好不要用v-if，用v-show； 如果元素可能永远不会被显示出来的话，则推荐v-if。