iT邦幫忙

鐵人檔案

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

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

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

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

Vue 產品列表實作(Part2)

程式設計是可以玩一輩子的東西,你認為呢? 在上一篇我們已經把基本的產品列表渲染出來頁面了,並且可以新增或刪除產品,我們可以發現在新增產品時,出現的時間規格並...

2020-10-06 ‧ 由 tsuifei 分享
DAY 22

Vue 產品列表實作(Part3)

如果人有選擇,真的只會選擇容易走的路或容易成為的自己嗎?不見得吧!? 有時候我們希望使用者在進入頁面時,會自動的將滑鼠停留在某個輸入框,例如登入頁面或是搜尋...

2020-10-07 ‧ 由 tsuifei 分享
DAY 23

Vue 的元件 Component(Part1)

如果疫情結束了,最會被報復性的行為會是什麼? 有人說元件(組件)應用在網頁上,最早出現是在 Google 的手機開發介面的討論,當時(時間不可考?) Goo...

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

Vue 的元件 Component(Part2)

2020 諾貝爾和平獎出爐了,吃飯真的皇帝大,可以救無數的人啊! 昨天我們介紹了如何在定義一個全域的元件,在官方的網站上有提到「全域」定義的元件會在 web...

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

Vue 元件間的資料傳遞 Props

程式設計這麼好玩的東西,一輩子夠玩嗎? 在使用時 Vue 元件時,經常會有元件間資料傳遞的需求,元件和元件之間也會產生父子元件的關係,通常父元件表示是 Vu...

2020-10-10 ‧ 由 tsuifei 分享
DAY 26

Vue 元件傳遞資料的命名坑與型別

最會偽裝的就是變數,變來變去常讓人分不清是變到哪裡去了...根本是忍者! 這幾天寫的都是與元件相關,元件的重要有一部分是因為它可以為我們省不少力,以前接觸...

2020-10-11 ‧ 由 tsuifei 分享
DAY 27

子元件向父元件傳值與訊息

人類溝通需要技巧,程式語言靠的是方法。 我們除了可以透過 Props 來讓父元件傳值給子元件外,也可以透過子元件向父元件傳遞訊息,並可以直接在子元件中操控父...

2020-10-12 ‧ 由 tsuifei 分享
DAY 28

Vue Components 子元件之間的資料傳遞

溝通不良的代價就是彼此越來越疏遠,然後行同陌路如陌生人。 子元件之間就像兄弟一樣的關係,所以這篇要來講兄弟間的溝通之道---兄弟關係的元件如何互相傳值。 前...

2020-10-13 ‧ 由 tsuifei 分享
DAY 29

Vue Slot 的插槽基本用法

腦子就像手機充電一樣,充太飽也不會讓手機變快,充不夠就後繼無力。 今天要介紹的是據說及將會在 Vue3 消失的slot,突然覺得寫這篇的意義是什麼!?但是,...

2020-10-14 ‧ 由 tsuifei 分享
DAY 30

其實,我還在這裡,但不會一直在這裡。

你確定現在是 12 點嗎?嘿嘿,我這裡才六點。 歐洲時區醒來打開電腦,紛紛看到許多人的鐵人賽完賽感言,其實有點不想結束,鐵人賽對於本人而言,像是某種牽住風箏...

2020-10-15 ‧ 由 tsuifei 分享