Vue中v-if和v-show的区别

共同点：
v-if和v-show都是用来控制元素的渲染。v-if判断是否加载，可以减轻服务器的压力，在需要时加载,但有更高的切换开销;v-show调整DOM元素的CSS的dispaly属性，可以使客户端操作更加流畅，但有更高的初始渲染开销。如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。

特点：
v-if 的特点：每次都会重新删除或创建元素
v-show 的特点： 每次不会重新进行DOM的删除和创建操作，只是切换了元素的 display:none 样式 

能耗：
v-if 有较高的切换性能消耗 
v-show 有较高的初始渲染消耗 

使用：
如果元素涉及到频繁的切换，最好不要使用 v-if, 而是推荐使用 v-show 
如果元素可能永远也不会被显示出来被用户看到，则推荐使用 v-if