<h1 id="条件渲染">条件渲染
<h3 id="v-if">v-if

• 在字符串模板中，比如 Handlebars，我们得像这样写一个条件块：

    
    {{#if ok}}
      
  Yes
    {{/if}}

• 在 Vue 中，我们使用 v-if 指令实现同样的功能：

• 也可以用 v-else 添加一个“else 块”：

    
  
    
  No

• 使用v-else指令来表示v-if的else块：

    
  
    
  
      Now you don't
    

• v-else元素必须紧跟在带v-if或者v-else-if的元素的后面，否则它将不会被识别

• v-else-if，顾名思义，充当v-if的“else-if块”，可以连续使用

    
  
    
  
    
  
    
  
      Not A/B/C
    

• 类似于v-else，v-else-if也必须紧跟在带v-if或者v-else-if的元素之后