v-if
v-if的特点:每次都会重新删除或创建元素
v-if的性能:有较高的切换性能消耗
v-show
v-show的特点:每次不会重新删除进行DOM的删除和创建操作,只是切换了元素的display:none样式
v-show的性能:有较高的初始渲染消耗
注意:
如果元素涉及到频繁的切换,最好不要使用v-if
如果元素永远都不会被显示出来被用户看到,则使用v-if
v-if的特点:每次都会重新删除或创建元素
v-if的性能:有较高的切换性能消耗
v-show的特点:每次不会重新删除进行DOM的删除和创建操作,只是切换了元素的display:none样式
v-show的性能:有较高的初始渲染消耗
如果元素涉及到频繁的切换,最好不要使用v-if
如果元素永远都不会被显示出来被用户看到,则使用v-if