Vue基础-条件渲染

一、v-if

真正的条件渲染，确保在切换过程中条件块内的事件监听器和子组件适当的被销毁和重建，但他是有惰性的如果初始渲染条件为假，则什么都不做直到第一次条件为真才开始渲染条件块.

v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。类似于 v-else，v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后。

二、v-show

不管初始条件是什么，条件总是会被渲染，但是只是简单地基于css切换

三、v-if和v-show的区别

总结
v-if有更高的切换开销，v-show有更高的初始渲染开销，因此如果需要非常频繁的切换建议使用v-show,反之使用v-if

四、用key管理可复用的元素

输入邮箱名

控制台改变show的值，邮箱名变成了用户名，但是输入框没有清空还保留这上一次的数据

这是因为vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染，为了解决这个问题可以给元素加key值