04-VUE 常用指令最佳实践，Flutter中网络图片加载和缓存源码分析

Welcome, dingding |

v-else-if

---

v-else-if专门和v-if搭配使用，控制多个元素多选一显示的特殊的指令。其基本语法为：

<元素1 v-if=“条件1”>

<元素2 v-else-if=“条件2”>

<元素3 v-else-if=“条件3”>

… …

<元素n v-else>

注意，v-if和v-else-if和v-else之间必须连着写，不能插入其他元素。

示例关键代码如下：

优秀

良好

及格

及格

v-for

---

v-for是一个专门用于根据数组内容反复生成多个相同结构的元素的特殊指令。其语法为：

<要反复生成的元素 v-for=“(当前元素值, 当前位置) of 数组”>

示例关键代码如下：

• { {i+1}} - { {t}}

  v-for还可以遍历对象属性，例如：

• { {key}} : { {value}}

  v-for 还可以进行计数，例如：