v-if(v-else)和v-show(v-hide)的使用选择

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

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

v-if是懒计算,如果条件为false,它什么也不做,加载速度较快。当条件为真时,v-if才会真正编译渲染页面结构。因此,v-if切换复杂组件的花销要比v-show大得多。

所以要根据实际场景决定使用哪个指令。


项目遇到的坑

推荐阅读更多精彩内容