v-if和v-show怎么去理解?

81 阅读1分钟

参考文献:

github

上面地址无法访问,可以访问下面这个地址,讲解比较详细的。

掘金

总结:

v-ifv-show 都能控制页面元素的显示和隐藏

v-show 通过display属性控制元素的显示和隐藏

v-if 是条件渲染, 只要条件为true的时候才会执行, 为false的时候元素会被销毁

初始化的时候, v-show有更高的渲染开销

切换的时候, v-if有更高的渲染开销

在使用的时候, 根据当前场景,需要频繁切换的时候使用 v-show, 条件较少的时候使用 v-if