vue小技巧4知道何时使用v-if(以及何时避免使用)

时间:2022-9-2    作者:悬浮的青春    分类: javascript


与其使用v-if,有时使用v-show来代替,会有更高的性能。
<ComplicatedChart v-show="chartEnabled" />
复制代码
当v-if被打开或关闭时,它将创建并完全销毁该元素。相反,v-show将创建该元素并将其留在那里,通过设置其样式为display: none来隐藏它。
如果你要切换的组件的渲染成本很高,那么这样做会更有效率。
反过来说,如果不需要立即执行昂贵的组件件,可以使用v-if,这样它就会跳过渲染它,而使页面的加载速度更快一些。

WRITTEN BY

avatar