iT邦幫忙

2025 iThome 鐵人賽

DAY 30
2
Vue.js

在 Vue 過氣前要學的三十件事系列 第 30

在 Vue 過氣前要學的第三十件事 - 我唯一知道的就是我一無所知

  • 分享至 

  • xImage
  •  

總結

直到今天就算是正式結束今年的鐵人賽了!

總集回顧

第一章基礎概念

在 Vue 過氣前要學的第一件事 - 先了解自己
在 Vue 過氣前要學的第二件事 - Vue 到底是什麼
在 Vue 過氣前要學的第三件事 - Rolldown 上位後會對 Vite 產生什麼影響

第二章響應式核心

在 Vue 過氣前要學的第四件事 - 2025 了還要用 .value ?
在 Vue 過氣前要學的第五件事 - 主動還是被動
在 Vue 過氣前要學的第六件事 - 響應式到底為什麼那麼重要
在 Vue 過氣前要學的第七件事 - 外星人來了嗎!? Alien-signals
在 Vue 過氣前要學的第八件事 - 一次了解渲染機制
在 Vue 過氣前要學的第九件事 - Virtual DOM 要走入歷史了嗎? / Vapor Mode

第三章內置指令

在 Vue 過氣前要學的第十件事 - 從打好基本功開始 / Directives
在 Vue 過氣前要學的第十一件事 - 抓住 Vue 的心 / v-bind
在 Vue 過氣前要學的第十二件事 - 如果 IF / v-if
在 Vue 過氣前要學的第十三件事 - Here we go again / v-for
在 Vue 過氣前要學的第十四件事 - 事件處理 / v-on

第四章基礎語法

在 Vue 過氣前要學的第十五件事 - 單向資料流
在 Vue 過氣前要學的第十六件事 - 愛是雙向的 / emit & v-model
在 Vue 過氣前要學的第十七件事 - 依賴注入 Provide/Inject
在 Vue 過氣前要學的第十八件事 - 我們必須更深入一點 / slot

第五章套件分享

在 Vue 過氣前要學的第十九件事 - 從單頁升級成多頁(上)/Vue Router
在 Vue 過氣前要學的第二十件事 - 從單頁升級成多頁(下)/Vue Router
在 Vue 過氣前要學的第二十一件事 - 小孩才做選擇 (上)/Tailwind v4
在 Vue 過氣前要學的第二十二件事 - 小孩才做選擇 (中)/PrimeVue
在 Vue 過氣前要學的第二十三件事 - 小孩才做選擇 (下)/CSS Variable & Design Token
在 Vue 過氣前要學的第二十四件事 - 蟹老闆你有感覺了嗎/跨頁表單驗證(上)/Pinia
在 Vue 過氣前要學的第二十五件事 - 我真的不是機器人/跨頁表單驗證(中)/Vee-validate
在 Vue 過氣前要學的第二十六件事 - Avengers Assemble!

第六章進階使用

在 Vue 過氣前要學的第二十七件事 - 是一輩子喔? 一輩子
在 Vue 過氣前要學的第二十八件事 - 我不想用 Nuxt 但又想要 SSR
在 Vue 過氣前要學的第二十九件事 - 先用飛雷神做個標記

這三十天,我們從 Vue 基礎概念、語法開始,
帶到了全新的響應式核心,Vapor Mode,Alien-signals;

透過這最新的消息,
延伸閱讀讓大家能知道 Signal 觀念,以及 Virtual DOM 可能遇到的問題。

講解了透過路由管理、雙 UI 框架、狀態管理、驗證工具來逐漸做出更大的專案,
最後帶到生命週期、<teleport>、 Vite SSR,這些你熟悉基本後可以延伸閱讀的觀念。

就如同 Vue 的初衷,漸進式框架。

碎碎念時間

自 2022 ChatGPT 的問世起,就像是 芙蘭梅 開啟了大魔法時代 ,
https://ithelp.ithome.com.tw/upload/images/20250929/20172784VtYPj6jlLJ.jpg
讓所有人類都能體會到魔法的魅力。

再提到最近在各大社群討論的很熱烈的 vibe coding 事件,
有人說你們這些工程師不要再藏了,出來開課。

他們似乎沒有注意到一點;

目前 AI 所能爬到的很多資訊,都是這些你們口中在藏招的工程師用血和淚累積的經驗;

台灣的 IT邦幫忙,中國的 CSDN、掘金,
歐美的 Github、Stackoverflow、Medium
你不喜歡看文字的話 Bilibili、Youtube、CS50
等等等等...

甚至全世界的開源專案,
正是有這些前人不藏私的分享,這個社群才能這麼蓬勃發展不斷進步

並不是想引起某幾個圈子的對立,我認為不能一竿子打翻一船人,
但看到有人說工程師在藏招的時候還是蠻痛心的,

因為這個社群是如此地努力在分享,
卻還是有人只願意吃掛在脖子的大餅
你們究竟是想學寫程式還是想得到股票明牌?
https://ithelp.ithome.com.tw/upload/images/20250929/20172784xSIfXhdC3c.jpg

直到今天早上還是看到有人在說:

真正的對決不是人類 VS AI,而是會用 AI 的普通人 VS 不懂 AI 的專家,

我是真的...,唉...。

不知道什麼原因,
今年的鐵人賽文章比起前幾年來說少了蠻多的,我其實覺得蠻可惜的。

希望分享我的一些經驗,
讓你看完這篇文章能有衝動去準備明年的鐵人賽
因為我也收到許多前輩所留下的禮物和教誨。

怎麼開啟第一步

第一次是最棒的一次,只要享受一路上的風景就好

如果你過去沒有寫作習慣,我會建議你,
先隨便寫,不管什麼都好,技術、心情、筆記,Whatever。

不必太有壓力的下筆,寫成流水帳不會有問題,
只寫一行指令也不會怎樣。

因為只有你覺得寫作不是一個壓力或是心中會有一個想法:

這樣會不會寫太少

那你會更願意動手。

當寫作成為習慣或是找到你的寫作風格,從寫作找到成就感
那接下來我們再來考慮文章架構,甚至是系列文架構。

但要記住一點 :
https://ithelp.ithome.com.tw/upload/images/20250929/20172784Y1rIBt4lDO.png
完賽就已經是很了不起的成就了,我說真的。

需要的只是決心而已,拼命累積的東西絕對不會背叛自己。

如果你是有工作或是在上學的人,那真的建議你寫完大部分文章再開賽

會這樣說的原因是我完全不相信自己的自律程度
即便在之前就已經有寫文章的經驗,

我還是在開賽後的每天都花了很多時間去做潤稿跟調整,
一年就一次鐵人賽,我可不希望這次造成遺憾

如果你備的稿不夠多,
又沒辦法從觀看數或是其他地方得到成就感,
棄賽的機率真的很高 ( 每一天都在想要不要乾脆停賽

對戰士來說,能站到最後一刻的就是贏家。

在鐵人賽進行到後半段的時候,我突然急性腸胃炎+發燒,
腦袋完全當機無法思考。

所以真心建議各位能多屯一點就屯一點
畢竟鐵人賽期間你基本上不能算有假日。

我都在想說如果要住院的話我要先回家拿筆電?

不論你是得獎取向還是只是想完賽,
沒有人能預測三十天內所有的狀況

儘管我自認為我的身體狀況是很好的,
我連疫情都沒中標,甚至一路到現在都沒有生病過,
結果他就是在最不適合的時間出現

要不是我囤的文夠多,
我想我今年可能就吃一坨大的。

講真的你要一天產一篇全新、易理解、同時具有豐富性、專業性、深入性的文章,
世紀困難

我自認為已經是有寫作習慣的人了,
零散的知識還是逼迫我去一遍又一遍的審問自己

就算單單要產出三十篇不同概念的文章都不是太容易的事,
更何況這是一個系列,前後不一致,跳來跳去會影響觀感

React 跟 Vue 你選哪個?

我在學習過程中,碰過 React 也碰過 Vue,
前陣子陸陸續續有些人問我這個問題。

老實說,我不是太在乎,
所以我最後回了 : 哪個能解決問題 我就選哪個

當然,兩個框架一定有不同之處,但兩個框架也有非常多相似之處,
這段時間我最終的感觸就是,好好鑽研這些共通之處,不應該被單一框架侷限

那當然可能過一段時間我的感受又不一樣了,這也是有可能,
不過我也不會後悔我說過這些, 這就是當下我所能做出最好的選擇

很感謝看到最後的朋友們,這系列中只要有任何一篇,
甚至只要有一句話,一個詞,一張圖,讓你感到開心或學到新東西,
那這個系列文早就完成他的意義了。

希望這些資訊多多少少能帶給你們一些方向
不一定是解答,但只要走在這條路上,事情總會有解決的一天

希望看到這裡的各位記得,要好好吃飯、好好睡覺、好好運動
https://ithelp.ithome.com.tw/upload/images/20250929/20172784Fe7TUdNTaC.png
剩下的故事我們以後有機會再說。


上一篇
在 Vue 過氣前要學的第二十九件事 - 先用飛雷神做個標記
系列文
在 Vue 過氣前要學的三十件事30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言