iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

Déjà-vu ? 要 Vue 過才知道 系列

還沒學完 JavaScript 就要來學框架,傳說中的 Vue 比其他的框架容易上手,那麼就來試試吧!把學習 Vue 的過程記錄下來,希望會有更深刻的印象。

鐵人鍊成 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01 參賽緣由

第二次參加鐵人賽。上一次 2019 是團體賽,而這一次則是個人參加。團體賽有個好處是大家會互相鼓勵且督促,去年是在最近老夢見的「好想工作室」完成,而這一次必須靠...

2020-09-16 ‧ 由 tsuifei 分享
DAY 2

Vue.jS 的二三事

不知道是什麼做的食物,吃下去應該會怪怪的吧? Vue.jS 的小背景 想要了解這個近年來使用率越來越高的框架,最快的方式就是去官方網站查閱一下特色與功能以及...

2020-09-17 ‧ 由 tsuifei 分享
DAY 3

Vue.js 的基礎使用與雙花括號表達式

人生中如果沒有雙花括號,那我們之間就無法有秘密了。 對 Vue.js 有了基本的背景了解後,一定會手癢開始想動手做吧!今天就直接來使用 Vue.js 吧!...

2020-09-18 ‧ 由 tsuifei 分享
DAY 4

Vue 的雙花括號表達式的用法

One Piece 已要啟航,我們要跳船嗎? 昨天我們已經大略的介紹了 vue 的使用方法與基本要素,來複習一下吧! 在我們的文件裡至少要有這三個元素,才能...

2020-09-19 ‧ 由 tsuifei 分享
DAY 5

Vue 實例介紹

忘記的總是比記住的還多,那麼記下來至少白紙黑字。 從昨天的範例我們可以看到表達式{{}}雙花括號和「Vue 實例」的關聯,那麼這個我們定義的 Vue 實例裡...

2020-09-20 ‧ 由 tsuifei 分享
DAY 6

Vue Directives 常用的內建指令

通關密碼就是這些了,記熟了就通行無阻。 Vue 除了有我們先前介紹的{{ 雙花括號 }}之外,還有許多由v-為前綴的特殊屬性指令(Directives),這...

2020-09-21 ‧ 由 tsuifei 分享
DAY 7

Vue.js 簡單實作計數器

明天其實不只明天,也是後天的昨日。 昨天我們雖然只介紹了三個 Vue Directives 的常用內建指令v-text,v-html,v-on,但相信嘛?使...

2020-09-22 ‧ 由 tsuifei 分享
DAY 8

v- 指令 顯示切換和屬性綁定

一樣的話語不ㄧ樣的口吻說,就會差很多很多好嗎!? 昨天我們利用 Vue.js 的v-系列指令,馬上就做了一個很實用的計數器,有沒感覺 Vue 的好?只要熟悉...

2020-09-23 ‧ 由 tsuifei 分享
DAY 9

Vue.js 實作簡易圖片瀏覽

原來純文字也可以是任意門。 我們已經學了好幾個常用的v-指令(Directives),今天我們就來用這幾個指令來實作圖片的瀏覽。 先把功能列出來: 圖片可...

2020-09-24 ‧ 由 tsuifei 分享
DAY 10

v- 指令 v-for 列表渲染與操控

把流程簡單化的好處很多,但風險是會忘記複雜的事情怎麼做。 如果要把一個陣列或物件渲染到畫面,在原生的 JS 我們可以用迴圈或 forEach 以遍歷的方式將...

2020-09-25 ‧ 由 tsuifei 分享