画布 1
条件渲染
  v-if
    1. 用于根据条件渲染一块内容
    2. 当指令的表达式返回 truthy 值的时候被渲染
    3. 在 <template> 元素上可使用 v-if ，条件渲染分组
  v-else
    1. 表示 v-if 的“else 块”
    2. 注意：v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别
  v-else-if
    充当 v-if 的“else-if 块”
    可以连续使用
  v-show
    1. 与v-if相似，也是用于根据条件展示元素
    2. 不同的是 v-show 的元素始终会被渲染并保留在 DOM 中
    3. 本质只是切换display的值
    4. 注意，v-show 不支持 <template> 元素，也不支持 v-else
  v-if 和v-show的区别
    1. v-if 是“真正”的条件渲染；而v-show元素总是会被渲染，之后只是简单地切换display的值
    2. v-if 也是惰性的，如果在初始渲染时条件为假，则什么也不做，直到条件第一次变为真时，才会开始渲染条件块
    3. v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销，因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好