条件渲染一、v-if二、v-show三、v-if和v-show的区别四、用key管理可复用的元素一、v-if真正的条件渲染，确保在切换过程中条件块内的事件监听器和子组件适当的被销毁和重建，但他是有惰性的如果初始渲染条件为假，则什么都不做直到第一次条件为真才开始渲染条件块.v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。类似于 v-else，v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后。二、v-show不管
真正的条件渲染，确保在切换过程中条件块内的事件监听器和子组件适当的被销毁和重建，但他是有惰性的如果初始渲染条件为假，则什么都不做直到第一次条件为真才开始渲染条件块.
v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。类似于 v-else，v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后。
不管初始条件是什么，条件总是会被渲染，但是只是简单地基于css切换
总结
v-if有更高的切换开销，v-show有更高的初始渲染开销，因此如果需要非常频繁的切换建议使用v-show,反之使用v-if
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
227
