Vue.js 中 v-if 和 v-show 有什么区别?(转)

来源:互联网 发布:网络魔兽世界 编辑:程序博客网 时间:2024/06/14 08:54

v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低。

v-show 渲染页面结构后,通过 "display:none" 控制元素状态。所以初始化时间长。

v-if 是懒计算,如果条件为false,它什么也不做,加载速度较快。当条件为真时,v-if 才会真正编译渲染页面结构。

因此,v-if 切换复杂组件的花销要比 v-show 大得多。