v-if 和 v-show 区别

作用: 都是控制元素隐藏和显示的指令

 

区别： v-show: 控制的元素无论是 true 还是 false，都被渲染出来了，通过 display：none 控制元素隐藏 。v-if: 控制的元素是 true，进行渲染，如果是 false 不渲染，根本在 DOM 树结构中会被移除

 

应用： v-show: 适合使用在切换频繁显示/隐藏的元素上 。v-if: 适合使用在切换不频繁，且元素内容很多，渲染一次性能消耗很大的元素上