Vue.js 中 v-if 和 v-show 有什么区别？（转）

v-if

 的初始化较快，但切换代价高；

v-show

 初始化慢，但切换成本低。

v-show

 渲染页面结构后，通过 

"display:none"

 控制元素状态。所以初始化时间长。

v-if

 是懒计算，如果条件为false，它什么也不做，加载速度较快。当条件为真时，

v-if

 才会真正编译渲染页面结构。

因此，

v-if

 切换复杂组件的花销要比 

v-show

 大得多。