iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

Day 11. Money money Vue的$$哪裡來-數據和方法

昨天我們講到了Vue的實體還有實體內會有的一些物件,今天就來用範例看看它內外互相響應的過程吧٩(ˊᗜˋ )و 數據和方法 當Vue實例被創建時,它會將data中...

2021-09-23 ‧ 由 ㄆㄩ 分享
DAY 12

Day 12. 生命週期 - Lifecycle Hooks

Instance Lifecycle 生命週期 介紹完怎麼建立Vue instance 後,接著來談論它的生命週期吧。一個 Vue 實體跟我們人類一樣有生老病死...

2021-09-24 ‧ 由 ㄆㄩ 分享
DAY 13

Day 13. 模板語法Template Syntax – 插值 v-once、v-html

昨天我們講了Vue的一生,今天來說說模板語法,看看要怎麼把vue instance中的資料變化渲染到畫面上,gogogo ─=≡Σ((( つ><)つ Vue使...

2021-09-25 ‧ 由 ㄆㄩ 分享
DAY 14

Day 14. 模板語法Template Syntax – 插值 Attribute、JavaScript 表達式

讓我們接續昨天的模板語法介紹吧,昨天講了v-once跟v-html,今天來說說屬性跟JavaScript 表達式! Attribute Mustache語法不能...

2021-09-26 ‧ 由 ㄆㄩ 分享
DAY 15

Day 15. 模板語法Template Syntax – 指令

前兩天講了模板語法中的插值,今天來講指令的部分吧۹(ÒہÓ)۶ Directives 指令 Vue的特殊DOM屬性都會以v-開頭,如v-if,這些特殊屬性的內容...

2021-09-27 ‧ 由 ㄆㄩ 分享
DAY 16

Day 16. 計算屬性Computed Properties

前幾天我們介紹了如何將vue 物件中的屬性綁定到模板中,我們講到可以直接在模板中插入JavaScript 表達式來做運算,但實際上Vue不建議我們這麼做,若是簡...

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

Day 17. 計算屬性(Computed) VS 方法(Methods)

昨天介紹了computed的基本使用方式,今天多講一點點有關methods的,大家準備好了嗎ε٩(๑> ₃ <)۶з 計算屬性緩存Computed...

2021-09-29 ‧ 由 ㄆㄩ 分享
DAY 18

Day 18. 計算屬性(Computed) VS 偵聽屬性(Watched Property)

昨天拿computed跟methods做比較,今天換來跟watch比比看過五關斬六將ヾ(´︶`*)ノ♬ Watchers 偵聽器 大部分情況可以用compute...

2021-09-30 ‧ 由 ㄆㄩ 分享
DAY 19

Day 19. v-bind - Class的綁定

在Vue中,如果我們需要綁定屬性就可以用到v-bind,是不是有對這個指令有印象啊,我們在Day 14的時候有大略提到,這幾天再來特別介紹v-bind用在cla...

2021-10-01 ‧ 由 ㄆㄩ 分享
DAY 20

Day 20. v-bind - Style的綁定

昨天講了class的綁定,今天換來講style (ノ◕ヮ◕)ノ*:・゚✧ 綁定Style v-bind:style綁定的方式跟昨天的class很像。Style...

2021-10-02 ‧ 由 ㄆㄩ 分享