iT邦幫忙

鐵人檔案

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

新手遇上Vue.js 系列

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

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

Day1 前言

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

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

Day2 讓我們開始吧

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

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設同一群組,box...

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

Day7 計算屬性 Computed

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

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. .capture加入....

2021-09-25 ‧ 由 Allen1515 分享