uniapp数据渲染(uniapp渲染模式)

uniapp使用条件渲染和列表渲染方法：1、【v-if】指令用于有条件地渲染一个内容；2、【v-show】根据条件展示元素；3、用【v-for】指令基于一个数组渲染一个列表。

本教程操作环境：windows7系统，uni-app2.5.1版本，该方法适用于所有品牌的电脑。

推荐（免费）：uni-app开发教程

uniapp使用条件渲染和列表渲染的方法：

一、条件渲染

1.v-if 用于条件渲染内容的指令

Vue is awesome!
data:function() {
    return {
       awesome:true     //true或false
    }
}

2.也可以用 v-else 添加一个“else 块”

Vue is awesome!
Oh no
data:function() {
    return {
  awesome:true    //true时正常显示，false时显示Oh no
    }
}

3.v-else-if，充当 v-if 的“else-if 块”，可连续使用

A
B
C
Not A/B/C
data:function() {
    return {
    type: