條件判斷與遍歷是我們程序編程過程中經常遇到的。如頁面中需要根據對應權限顯示不同操作按鈕時我們可以使用條件判斷，而當需要根據某一規律顯示多個元素時我們可以使用遍歷來實現。
本文以【前端框架】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還不清楚如何使用