2024-09-15 JavaScript 系列七：第3課 ── 學習 Vue 條件判斷式的寫法

發表於 2024-09-24 分類於 OneDayOneNote 閱讀次數：

JavaScript 系列七：第3課 ── 學習 Vue 條件判斷式的寫法
課程目標
學習條件判斷式的寫法
課程內容
先來學一下管理 css class 與 style 的一些寫法

https://vuejs.org/guide/essentials/class-and-style.html
老樣子，這些寫法比較進階，稍微有個印象就好

你也可以發揮創意，使用 Vue 的一些其他方法寫，反正能把正確的 css class 跟 style 加上去就行了

再來學一下 Vue 之中關於條件判斷式的寫法

https://vuejs.org/guide/essentials/conditional.html
老話一句，文件中提供你很多不同選項的寫法

隨便挑一個你覺得順眼的、好理解的方式來寫即可

課後作業
承接上一課的作業

在 state 裡面，有個 color 屬性一直沒有用到

這次作業要來使用它

請讓每個記事，根據 color 的值，來顯示為不同顏色

如果不知道什麼意思，請再把玩一下 Google Keep，其中有變色的功能

提示：為了簡單起見，可以用 :style 的方式，直接加入顏色即可

做出以上功能，你就完成這次的課程目標了！