Skip to content

Latest commit

 

History

History
14 lines (8 loc) · 617 Bytes

6.v-show和v-if.md

File metadata and controls

14 lines (8 loc) · 617 Bytes
相同:

v-show 和 v-if 都能控制元素的显示和隐藏

不同:

v-show 只是在 display 的 none 和 block 之间切换,DOM 节点一直存在,只是在控制 css。v-show 在初始化渲染有较高的开销,但切换开销比较少。

v-if 是动态的添加删除 DOM 节点,只有满足条件才会渲染节点,切换有一个局部编译和卸载的过程

总结:

v-show 只编译一次,而 v-if 不断的销毁创建。 所以 v-show 适合用于频繁切换的场景,基于 v-if 的懒加载渲染机制,可以减少页面的初始渲染开销