学习vue的第五天

绑定样式

1. class样式

   写法：class=“×××” ×××可以是字符串、对象、数组。

   字符串写法适用于：类名不确定，要动态获取。

   对象写法适用于：类名不确定，个数不确定，名字也不确定。

   数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。

2. style样式（一般不用）

   ：style="{fontSize: ×××}"其中×××是动态值

   ：style=“a，b”其中a、b是样式对象

条件渲染

1. v-if

   写法：

   v-if=“表达式”

   v-else-if =“表达式”

   v-else=“表达式”

   适用于：切换频率较低的场景。

   特点：不展示的DOM元素直接被移除。

   注意：v-if可以和v-else-if、v-else一起使用，但要求结构不能被打断。

2. v-show

   写法：v-show=“表达式”

   适用于：切换频率较高的场景

   特点：不展示的DOM元素未被移除，仅仅是使用样式隐藏掉

3. 备注：使用v-if时，元素可能无法获取到，而使用v-show一定可以获取到

   v-if与template配合使用

列表渲染

1. v-for指令

   用于展示列表数据

   语法：v-for=“（item，index）in ×××” ：key=“yyy”

   可遍历：数组、对象、字符串（用得很少）、指定次数（用得很少）。