iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

菜鳥學前端,一起vue起來 ! 系列

因為學校課程需要參加鐵人賽!
雖然是個大菜鳥但還是加油希望可以順利完成鐵人賽QQ
這段時間想藉由網路上的文章影片來學習vue.js
並記錄學習過程內容等等
(稱不上教學,畢竟我什麼都不會TAT)

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文 團隊挨踢SHE
DAY 21

Day 21. 條件渲染 – v-if、v-show

今天來講條件渲染(Conditional Rendering),也就是可以依照條件變化改變渲染元素的 Directives,會舉例讓大家知道v-if跟v-sho...

2021-10-03 ‧ 由 ㄆㄩ 分享
DAY 22

Day 22. 列表渲染 – v-for

昨天講了條件渲染,今天來講列表渲染(List Rendering)吧!! v-for 當我們在頁面上綁定資料時,遇到一些重複、複雜的data時(像是array、...

2021-10-04 ‧ 由 ㄆㄩ 分享
DAY 23

Day 23. 再一天列表渲染-更多的v-for

唉呀,今天再一篇v-for,不知道v-for分兩篇會不會覺得太灌水,但我還是分兩篇了✧*。٩(ˊᗜˋ*)و✧*。 Key 維護狀態 當Vue正在更新使用v-fo...

2021-10-05 ‧ 由 ㄆㄩ 分享
DAY 24

Day 24. 事件處理 – v-on

v-on 在Vue.js 中我們可以使用v-on去監聽 DOM 事件,當事件被觸發時會呼叫我們設定的函數或是 JavaScript陳述式做對應的改變。 縮寫:...

2021-10-06 ‧ 由 ㄆㄩ 分享
DAY 25

Day 25. v-on的修飾符

歐歐歐,在今天的文章開始前插播一則消息,今天是我生日耶✧*。٩(ˊᗜˋ*)و✧*。生日也要記的來發鐵人,剩下沒幾天了加加油(๑•̀ω•́)ノ歐給!開始吧! 昨天...

2021-10-07 ‧ 由 ㄆㄩ 分享
DAY 26

Day 26. 雙向綁定語法糖 - v-model

表單輸入綁定 我們可以用v-model指令在表單<input>、<textarea>、<select>元素上建立雙向數據綁定...

2021-10-08 ‧ 由 ㄆㄩ 分享
DAY 27

Day 27. 過濾器 - Filter

今天是三天連假的第一天,實體上課真的太累了,一不小心睡到下午诶嘿(๑´ڡ`๑)連假過完鐵人也差不多完成了!時間真的過的飛快啊,今天來講講vue的過濾器,雖然在這...

2021-10-09 ‧ 由 ㄆㄩ 分享
DAY 28

Day 28. 組件基礎 - Components

沃嗚!鐵人倒數3天了,我們離完賽就差一顛點啦,我們今天來講講components吧~繼續gogogo (「・ω・)「 Component簡介 Vue compo...

2021-10-10 ‧ 由 ㄆㄩ 分享
DAY 29

Day 29. 繼續來看組件基礎 – Components 吧ヾ(*´∀ ˋ*)ノ

歐歐歐,竟然已經到第29天了,時間真的是咻咻咻就過了呢!明天就要結束了,真是感傷(☍﹏⁰) (解脫了ε٩(๑> ₃ <)۶з)今天跟昨天一樣來講講c...

2021-10-11 ‧ 由 ㄆㄩ 分享
DAY 30

Day 30. 鐵人賽最後一天 – 完賽心得感想⁽⁽◟(∗ ˊωˋ ∗)◞ ⁾⁾

完賽心得啦啦啦 哇嗚,今天就是鐵人賽最後一天了,30天其實過的蠻快的(但如果要再多做個30天想必我也是無法喇),雖然是鐵人30天,但要花的時間絕對是不只30天!...

2021-10-12 ‧ 由 ㄆㄩ 分享