Vue条件判断篇
v-if：
v-if条件判断指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。
跟其他编程语言一样，也可以添加if else 的指令，不过vue中代码块不同，如下：
template：
因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。
v-else-if是连续判断的时候需要用到的判断语句：
key：
管理复用的元素。Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外，还有其它一些好处。例如，如果你允许用户在不同的登录方式之间切换
v-show：
这个则用于根据条件展示元素的选项指令。用法大致一样
<h1 v-show="ok">你好</h1>
不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS 属性 display
注：v-show 不支持 <template> 元素，也不支持 v-else。