iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

I need VUE. 系列

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

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

Day18. 做個 list

在這個章節要開始介紹如何透過 v-loop 製作一個清單( 純粹列表,不是待辦事項 ),顧名思義,v-loop 相當於 jS 中的 loop,一樣是使用同一個範...

2023-09-22 ‧ 由 分享
DAY 19

Day19. 做個 list 之 nested v-for

延續昨日的話題,我一開始張貼的資料結構 data(){...} 本來就不是全部用來產生可以包在一起的資料範本,是我搞錯了,課沒上完就自由發揮果然容易翻車。 一層...

2023-09-23 ‧ 由 分享
DAY 20

Day20. 做個 list 之 key

關於 index 首先我們回顧先前文章 D18. 做個 list 裡提到的 index 索引值,裡面提過它是從 0 開始計算的,但沒有詳細說明到每個 index...

2023-09-24 ‧ 由 分享
DAY 21

Day21 迷你小專案之 CSS 調整器(上)

終於來到迎接小專案測試的一天,我們要來製作一個小小的 CSS 調整器! 這裡稍微調整了一下課程的範本以配合先前的版面及脈絡,長相如下: 如果不喜歡這個樣式也可...

2023-09-25 ‧ 由 分享
DAY 22

Day22 迷你小專案之 CSS 調整器(下)-- 翻車惹

疑惑的開始 延續昨天的練習,應該要能正確地用 v-bind:style 的方式去覆蓋裡面的值,但我不知道哪邊出錯了,毫無動靜,雖然我參考了課程影片的解法。 更新...

2023-09-26 ‧ 由 分享
DAY 23

Day23 在抽象理論準備現身之前

如同其他框架,VUE 也有其 Lifecicle,中文是生命週期,我記得之前另一位大大的課程曾經示範過,大概就是一個程式運作的生命循環:初生 => 運作...

2023-09-27 ‧ 由 分享
DAY 24

Day24 抽象理論 - mounting

mounting “The process of VUE inserting itself into the document is called mounti...

2023-09-28 ‧ 由 分享
DAY 25

Day25 抽象理論 - lifecycle

Vue Lifecycle 的圖片畫錯了一部分,請更新喔,抱歉QQ Vue Lifecycle "Vue Lifecycle allows us to...

2023-09-29 ‧ 由 分享
DAY 26

Day26 抽象理論 - hooks

*注意,昨天畫的生命週期圖有錯,請更新QQ 關於hooks 在介紹 hooks 的這個篇章,可以重新建立一個空的 template 樣板或者繼續使用先前製作的歌...

2023-09-30 ‧ 由 分享
DAY 27

Day27 抽象理論 - Virtual DOM

前言 本日要學習的是 Virtual DOM,一聽感覺就很酷炫狂霸跩,但翻成中文就只是指虛擬的資料結構。 其實我很害怕這種抽象理論型的主題,可是為了學習,只能硬...

2023-10-01 ‧ 由 分享