条件判断与遍历是我们程序编程过程中经常遇到的。如页面中需要根据对应权限显示不同操作按钮时我们可以使用条件判断，而当需要根据某一规律显示多个元素时我们可以使用遍历来实现。
本文以【前端框架】vue~hello world中的项目进行演示
条件判断
实现效果：登录成功后需要显示退出按钮，未登录时需要显示登录按钮
图(1)中我们使用v-if指令进行逻辑判断，当!loginResult为真时显示name为signIn的按钮，当!loginResult为假时显示name为signOut的按钮
何为假何为真？
false、null、''、undefined、0、NaN 这几个值为假，其它均为真
v-if // 可单独使用
v-else-if // 须v-if 存在
v-else // 须 v-else-if 或 v-if 存在
遍历
在【前端框架】vue~hello world中我们曾实现过动态显示控件
图(2)中我们使用v-for指令遍历数据源动态生成多个div，每个div中含有一个button
items 为遍历时使用的数据源，item为当前遍历数据的别名，在该作用域内使用item调用相关属性，items的类型可以是Array | Object | number | string | Iterable
图(2)为 Array
图(3)为number
图(4)为Object
图(5)为string
关于:key还不清楚如何使用