iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

新手遇上Vue.js 系列

利用這次鐵人賽,學習從沒碰過的Vue.js,這30天中將會把我的學習過程紀錄其中,從簡單的指令到後面完成實作

參賽天數 11 天 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1 前言

報名這次的鐵人賽事十分緊張,對於我自己資訊方面的技術並不是那麼熟練,想利用鐵人賽來督促自己學習新的技術 在學校的課程當中發現自己對於前端比較有興趣,所以決定...

2021-09-15 ‧ 由 Allen1515 分享
DAY 2

Day2 讓我們開始吧

工欲善其事,必先利其器,好的開始是成功的一半~ 今天來把要使用的環境建立好 這次我選用的是線上編輯器codepen來操作 https://codepen.io/...

2021-09-16 ‧ 由 Allen1515 分享
DAY 3

Day3 條件判斷

今天來學學Vue裡面的判別式v-if 跟v-show 1. v - if 在這裡我們將條件設定為Show而下方判斷false時將會顯示不成立,相反的則會顯示...

2021-09-17 ‧ 由 Allen1515 分享
DAY 4

Day 4 資料單向綁定

今天會來介紹 v-text與 v-html,在這之前會提到Mustache一下子 Mustache 這邊要先講到的就是Mustache,他會以兩個大括號{{}}...

2021-09-18 ‧ 由 Allen1515 分享
DAY 5

Day 5 雙向綁定及迴圈

今天來介紹v-model&data跟v-for的用法 data→用來儲存裡面的資料,當data被修改時會重新渲染 v-model 這是一個匯率的小...

2021-09-19 ‧ 由 Allen1515 分享
DAY 6

Day6 輸入框介紹

看完上一篇的輸入,今天來介紹不一樣表單元件 Input text Textarea多行文字 Checkbox複選框 這裡將多個checkbox設...

2021-09-20 ‧ 由 Allen1515 分享
DAY 7

Day7 計算屬性 Computed

計算屬性(Computed) →為了讓程式碼更加方便理解與未來維護,因此使用計算屬性 原始訊息:Hello World! 反轉訊息:!dlroW olleH...

2021-09-21 ‧ 由 Allen1515 分享
DAY 8

Day8 資料監聽

今天要來介紹資料監聽Watch~ Watch的用法是當這個值發生改變時,我們可以做出相對應的事 在watch下,可以使用key-value定義想要觀察的值...

2021-09-22 ‧ 由 Allen1515 分享
DAY 9

Day9 Methods and v-on

今天來介紹這個指令v-on用來綁定HTML DOM,來觸發要執行的事件 Method 這時並沒有執行action,並不會觸發method,所以會出現未執行...

2021-09-23 ‧ 由 Allen1515 分享
DAY 11

Day11 事件修飾符(2)

上次介紹完前面兩個修飾符,今天就來把它學習完吧!!! .stop .prevent .capture .self .once .passive 3. .capt...

2021-09-25 ‧ 由 Allen1515 分享