iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

I need VUE. 系列

私以為通往目標的路各有各的道理方法,而現在的我,需要的技術就是 VUE,在參加了 2023 創作者尤大大的演說後,更是有不同的認知,其謙虛內省而不驕不亢的態度,讓我了解到,別因為不了解就急著否定一個道理與方法。
由於我一直是透過英文的方式學習程式,所以反而對中文不適應了,即便如此,還是希望有機會跨入門檻,得以窺天。
透過初學與持續在轉職菜逼巴的角色狀態,冀望能以最淺顯易懂的方式,傳達我所認知的內容,並也希望各路前輩好手,能給予中肯的建議與評論,感恩不盡。

鐵人鍊成 | 共 33 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 8

Day8.2 來了個小結

驚不驚喜,意不意外 是的,這章一樣要講關於 Modifiers 的部分,不過是關於 event 的。 先前增加歌詞諺語的時候,使用了 add 跟 minus 鍵...

2023-09-12 ‧ 由 分享
DAY 9

Day9. 喜歡英文版課程的原因

關於名詞的定義 可能是我井底之蛙,總覺得經常在使用中文教材學習時,很少見到用白話而簡易的方式去說明一個名詞或術語。 在上到這一章之前,一直感覺中文教材很卡的原因...

2023-09-13 ‧ 由 分享
DAY 10

Day10. 來計算一下吧!

電燈開關 課程是這麼介紹它的概念 —— computed,簡單說,它是計算某些事物之意。 透過數學將資料或文字進行連接,以成為內容、詞句、段落,而後它會具有其屬...

2023-09-14 ‧ 由 分享
DAY 11

Day11. 似懂非懂的 Watch

看下去 它的中文名稱是:偵聽器( 大部分繁中寫監聽器 ),但我覺得英文的翻譯字義挺好的,就是“看”,直接明瞭。 範例 首先將它放到跟 data(){}, met...

2023-09-15 ‧ 由 分享
DAY 12

Day12. 動態切換 class 之基本寫法

沿用先前的邏輯 其實教學課程提供了一個範例檔案做這個章節基本的編輯練習,但在系列文章的最一開頭就提過了,希望是自己理解後再重新建立出來的教學。 為什麼呢,不是因...

2023-09-16 ‧ 由 分享
DAY 13

Day13. 動態切換 class 之進階寫法

提升維護性 由於直接書寫在 :class 裡雖然方便,但隨著未來可能需要增加的 class 愈來愈多,閱讀及維護性便會變得更加困難。 因此,透過將內容建立於 c...

2023-09-17 ‧ 由 分享
DAY 14

Day14. 直接綁 style

前兩個單元都在談如何加上不同的 class,這單元要介紹的是如何動態修改 style 的方式。 使用輸入數字調整樣式 在這次的示範中,將建立一個 input[n...

2023-09-18 ‧ 由 分享
DAY 15

Day15. VUE 呀...

今天本來該寫 Conditional Rendering 的部分,然而實在有點卡住。 他的大意是當頁面有新增或移除 element 的時候,如果 conditi...

2023-09-19 ‧ 由 分享
DAY 16

Day 16. 切換 element 的存在

在過去經常使用 css 進行 show / hide 的狀況,到了 VUE 可以改成更單純直接的寫法。 單純的 v-if 判斷 在原本的 template 裡,...

2023-09-20 ‧ 由 分享
DAY 17

Day 17. 切換 element 的存在 ( 我沒想到這話題還沒結束 )

相似但不相同的切換方式 課程蹦出了 v-show,這有點在我意料之外( 沒想到還是在同個話題上 ),其原理跟 v-if 相似,都是在進行 element 的顯示...

2023-09-21 ‧ 由 分享