vue学习之循环结构（第十课）

1、分支结构

相关指令：v-if、v-else、v-else-if、v-show

v-if与v-show之间的差异在于，前者负责决定元素是否被加载至页面中，而后者则用于控制元素的可见性，即元素虽已加载至页面，但其显示状态可被切换。

2、分支循环结构

{{item}}

{{item}} + '---' +{{index}}

key的功能：协助Vue识别各个元素之间的差异性，进而优化系统运行效率

{{item}} + '---' {{index}}

v-for用于对象的遍历操作

![](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31/nWjM1q8wifXv