這次鐵人賽的主題,我將以 Vue.js 為核心進行探索與紀錄。由於我本身對 Vue.js 還不算熟悉,因此會以「新手學習」的角度出發,透過實作與紀錄的方式逐步了解這個前端框架。預計會從最基礎的環境建置、語法特性開始,延伸到元件化思維、資料綁定、路由設計與狀態管理等核心概念,並搭配簡單的小專案實踐。希望能透過這 30 天的挑戰,讓自己快速熟悉 Vue.js 的開發流程與應用場景,同時也提供給其他剛入門的開發者參考。雖然一開始可能會遇到不少挫折,但也正是透過紀錄學習過程與心得,才能累積成長,並讓「學習 Vue.js」成為一段有意義的挑戰旅程。
今年第一次參加鐵人賽,心情其實有點複雜。興奮的是終於能 push 自己每天輸出,但也緊張自己能不能撐滿 30 天。之前我在專案裡最常用的還是 React、HT...
今天的任務就是把開發環境準備好。要用到的工具包含 Node.js 和 Vite。其中 Vite 是一個相當輕量又快速的前端建構工具,它內建開發伺服器,可以即時預...
在我們今天進入程式前先來看看專案的架構吧~ 一、Vite 專案結構,快速認識誰是誰 vite-project/:你的專案根目錄(下面所有東西都在這裡)。...
三大核心概念 建立與引入元件 解釋:元件就是 Vue 裡的「小積木」,我們可以把一段畫面和邏輯封裝成獨立檔案,再拼進主畫面。小結:先學會建立一個 .vue 檔,...