vue v-if和 v-show的知识点

1、v-if的特点:

     实现方式:根据后面数据的真假判断是否重新删除或创建元素。

     性能消耗:有较高的切换性能消耗。

     编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件

2、v-show的特点:

     实现方式:每次不会重新进行DOM的删除和创建操作,只是切换了元素的display:none的样式

     性能消耗:有较高的初始渲染消耗

     编译过程:v-show是在任何条件下都被编译·,然后被缓存,而且DOM元素保留

posted @ 2022-05-12 14:59  孤傲白狼  阅读(31)  评论(0编辑  收藏  举报