Vue - 条件渲染

一. v-if 和 v-show

• v-if ：当 isShow 为 false 时，内容不存在Dom中，内容是不存在的，
• v-show ：当 isShow 为 false 时，内容存在Dom中，是存在的，只是内容被设置 display:none
• 当频繁进行展示与隐藏的时候，推荐使用 v-show

二. v-if 和 v-else

• v-if 和 v-else 要连在一起使用，中间不能有Dom进行分隔

三. v-if、v-else-if 和 v-else

• v-if、 v-else-if 和 v-else 要连在一起使用，中间不能有Dom进行分隔

四. 条件渲染，key 值的使用

• 原因：Vue在重新渲染页面的时候会尽量的尝试复用已经存在的Dom，如果页面进行重新渲染页面时候发现Dom已经存在，就不会去使用最新的Dom
• 处理方案：使用key值，设置dom唯一