vue之v-if与v-show的区别和应用作用

、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、

v-if：

1.每次都需要重新删除或创建元素，即：dom元素不在后台页面中；

2.有较高的切换性能消耗，因为你来回的不停切换，就是不停的来回删除和重建元素，性能消耗大
3.与v-for一起使用，v-for的优先级高于v-if（不推荐一起用）

v-show：

1.每次都不需要重新删除或创建元素，因为元素一直留在页面中；不管条件是真是假，都在后台页面中存着，只是显示不显示的问题

2.有较高的初始渲染消耗，因为它的元素一直留在页面中，初始渲染的时候计算的dom比较多。

3.其实是用display：none进行控制的

4.不支持语法

总结：

如果元素涉及到频繁切换的用v-show
如果元素条件改变少用v-if
v-show性能大于v-if