【Vue教程四】条件渲染、列表渲染、数组更新

一、条件渲染：【v-if】【v-show】

1、v-if 指令用于条件性地渲染一块内容。

1.1、在元素中使用 v-if 指令：

    

        
Hello qing!
        

            A
        
        

            B
        
        

            C
        
        

            Not A/B/C
        
    

    

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

不推荐同时使用 v-if 和 v-for。因为当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。

当你只想为部分项渲染节点时，这种优先级的机制会十分有用，如下：

  {{ todo }}

而如果你的目的是有条件地跳过循环的执行，那么可以将 v-if 置于外层元素 (或