Johnson Mao

Vue 3 與指令

2021年8月2日

第二週作業展示,運用了 Vue 進階指令與 localStrage,同時也自我挑戰運用了鍵盤監聽,只使用鍵盤就能操控計算機功能,點擊圖片可察看成果

#前言

這裡將會記錄參加 六角學院 Vue 3 新手夏令營(活動已結束) 課程筆記 與 每日任務紀錄,第二周介紹常用的語法學習 Vue。

#課堂重點

#課堂範例

#v-model 修飾符

#v-on:事件觸發器

#v-bind

#v-for

#:class

#雙向綁定

圖片取自六角學院 卡斯伯 的免費直播課程,介紹 v-model 雙向綁定功能

綠色:只能讀出資料渲染

紅色:雙向綁定可讀可寫

藍色:利用事件觸發調整 data,再利用渲染方法渲染到畫面上

黑色:初始化渲染畫面 ( 1 次 )

#參考資料

回首頁