10-12 绑定样式，条件渲染，列表渲染

绑定样式
    1.class样式
        写法：class = "xxx" xxx可以是字符串、数组、对象
            字符串写法适用于：类名不确定，要动态获取
            对象写法适用于：要绑定多个样式，个数不确定，名字也不确定
            数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用
    2.style样式
        ：style="{fontSize：xxx}"其中xxx是动态值
        ：style="[a,b]"其中a,b是样式对象

条件渲染
    1.v-if：
        写法：
            （1）v-if="表达式"
            （2）v-else-if="表达式"
            （3）v-else="表达式"
        适用于：切换频率较低的场景
        特点：不展示的dom元素直接被移除
        注意：v-if可以和v-else-if,v-else一起使用，但要求结构不能被打断
    2.v-show
        写法：v-show="表达式"
        适用于：切换频率较高的场景
        特点：不展示的dom元素未被移除，仅仅是使用样式隐藏掉
    3.备注：使用v-if时，元素可能无法获取到，而使用v-show一定可以获取到

列表渲染
    v-for指令：
        1.用于展示列表数据
        2.语法：v-for="(item,index) in xxx" :key = "yyy"
        3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）