v-if VS v-show

• v-if是真正的条件渲染，因为它会确保在切换过程中，条件块内的事件监听器和子组件适当的销毁和重建。
• v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做——知道条件第一次为真时，才会开始渲染条件块。
• 相比之下，v-show就简单得多，——不管初始条件是什么，元素总是被渲染，并且只是简单地基于CSS进行切换。
• 一般来说，v-if有更高地切换开销，v-show有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用v-show更好，如果在运行时条件很少改变，则使用v-if较好。
• 可以在<template>元素上使用v-if条件渲染分组。如果想切换多个元素，此时可以把一个<template>元素当做不可见的包裹元素，并在上面使用v-if。最后的渲染结果将不包含<template>元素。
• 可以使v-else指令来表示v-if的else块，v-else-if充当v-if的else if 块，并且可以连续使用。v-else必须紧跟v-if或v-else-if的元素后面，否则它将不会被识别。