iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

邊學邊做:Vue.js 實戰養成計畫 系列

這次鐵人賽的主題,我將以 Vue.js 為核心進行探索與紀錄。由於我本身對 Vue.js 還不算熟悉,因此會以「新手學習」的角度出發,透過實作與紀錄的方式逐步了解這個前端框架。預計會從最基礎的環境建置、語法特性開始,延伸到元件化思維、資料綁定、路由設計與狀態管理等核心概念,並搭配簡單的小專案實踐。希望能透過這 30 天的挑戰,讓自己快速熟悉 Vue.js 的開發流程與應用場景,同時也提供給其他剛入門的開發者參考。雖然一開始可能會遇到不少挫折,但也正是透過紀錄學習過程與心得,才能累積成長,並讓「學習 Vue.js」成為一段有意義的挑戰旅程。

參賽天數 4 天 | 共 4 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文 團隊Orbit Coders
DAY 1

Day 1:起航!Orbit Coders 的 Vue.js 之旅『前言』

今年第一次參加鐵人賽,心情其實有點複雜。興奮的是終於能 push 自己每天輸出,但也緊張自己能不能撐滿 30 天。之前我在專案裡最常用的還是 React、HT...

2025-09-13 ‧ 由 jaina1912 分享
DAY 2

Day 2:建置發射台 — 環境安裝與開發工具(Node.js、VSCode、 Vite)

今天的任務就是把開發環境準備好。要用到的工具包含 Node.js 和 Vite。其中 Vite 是一個相當輕量又快速的前端建構工具,它內建開發伺服器,可以即時預...

2025-09-14 ‧ 由 jaina1912 分享
DAY 3

Day 3:第一顆信號彈 — Hello Vue!(第一個 Vue App,{{ message }})

在我們今天進入程式前先來看看專案的架構吧~ 一、Vite 專案結構,快速認識誰是誰 vite-project/:你的專案根目錄(下面所有東西都在這裡)。...

2025-09-15 ‧ 由 jaina1912 分享
DAY 4

Day 4:探索組件星雲 — 元件基礎(建立/引入元件、props、emit)

三大核心概念 建立與引入元件 解釋:元件就是 Vue 裡的「小積木」,我們可以把一段畫面和邏輯封裝成獨立檔案,再拼進主畫面。小結:先學會建立一個 .vue 檔,...

2025-09-16 ‧ 由 jaina1912 分享