昨天練習了資料綁定和事件綁定，今天要來看看Vue另一個功能
1.v-if/v-else：根據條件決定要不要顯示內容
2.v-for：用迴圈把資料轉成HTML
一、 條件渲染
一開始顯示請先登入，按下按鈕會變歡迎回來。
二、迴圈渲染
會自動把陣列轉成HTML清單，省去一個一個手動寫li的麻煩
三、v-if與v-for搭配
可以同時做到列出商品+顯示庫存狀態。
在條件渲染中，使用v-if和v-else，可以讓網頁根據變數來決定要顯示什麼內容。例如使用者是否登入，可以用同一個按鈕在登入和登出之間切換，這比傳統JavaScript的if判斷方便很多。
在迴圈渲染中，v-for幫我把一個陣列直接轉成清單，像待辦事項或購物清單，都可以輕鬆顯示出來。如果結合v-if，甚至能標示哪些有庫存、哪些缺貨。
iThome鐵人賽
看影片追技術
看更多
32499522
