zoukankan      html  css  js  c++  java
  • vue 中v-if 与v-show 的区别

    相同点或者说功能,都可以动态操作dom元素的显示隐藏

    不同点

      1.手段:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐;
      2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;
      3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载); 
        v-show是在任何条件下(首次条件是否为真)都被编译,然后被缓存,而且DOM元素保留;
      4.性能消耗:v-if有更高的切换消耗;v-show有更高的初始渲染消耗;
      5.使用场景:v-if适合运营条件不大可能改变;v-show适合频繁切换。
  • 相关阅读:
    Clustering by fast search and find of density peaks
    《第一行代码》(二)
    TF-IDF
    《第一行代码》(一)
    《OpenCV入门》(三)
    OpenCV入门(二)
    协方差矩阵特征向量的意义
    ICA
    整数划分
    1144. The Missing Number (20)
  • 原文地址:https://www.cnblogs.com/ralapgao/p/10528919.html
Copyright © 2011-2022 走看看