鐵人檔案
嗨，我是阿蘇，一位熱愛前端的小小工程師。
今年有幸開始接觸 Vue.js，並踏上了學習框架的旅程，Vue.js 是一個輕量級的前端框架，非常易於理解和上手，隨著學習的深入，我開始發現它更多的深奧之處，像是 Vue 3 的 Composition API 和 Nuxt 3 ; 因此，我希望能夠透過這 30 天的深入學習，從概念、實作、元件運用、 Composition API 、 Nuxt 3 、Vite，將這些知識通通掌握起來，讓我們一起開始30天的 Vue.js 學習旅程吧！
DAY 11 - V-for 渲染列表，輸入key值的重要性 v-for 渲染列表 我們什麼情況下會用到 v-for 呢 ?我有一大筆資料想要讓他依序顯示...
DAY 12 - 拆 ! 拆 ! 拆 !，將 Vue 元件化 ( Component ) 元件的概念 什麼是元件( Component ) ? 我們在開發...
DAY 13 - 元件資料傳遞方式 props 、emit 元件資料傳遞方式 每個元件的資料都是獨立的，我們不能直接修改元件裡的資料，所以要透過專門的資料...
DAY 14 - 狀態 (State) & Pinia 狀態管理工具 今日介紹 Vue.js 狀態及狀態管理工具，這篇比較偏觀念我們會先從基本概念...
DAY 15 - 輕鬆入門 Pinia 狀態管理工具 Pinia 狀態管理工具 接著我們來嘗試運用 Pinia 狀態管理工具，Pinia 官方文件也有提供...
DAY 16 - Vue.js 相關工具、套件大集合 回顧 DAY1 ~ DAY15 學習與進步 不知不覺來到了第 16 天，前半個月主要以自己面試常遇到...
今日前言 Nuxt3 了，接下來後半篇鐵人賽都會以 Nuxt3 為主，一開始預計 Vue.js 的概念篇本來預計寫 10 天，不知不覺越寫越多 orz ...發...
DAY 18 - Vue + Vite + Nuxt 建立專案，享受最優質的 DX Vue3 + Vite + Nuxt 這次我主要是選擇使用Vue3 +...
DAY 19 - Nuxt 專案目錄結構 今天來一起分解 Nuxt 專案架構，我們在前面有提到 Nuxt 優點之一易懂的目錄架構 即使沒有這篇單看目錄架構...
DAY 20 - Nuxt Devtools 超好用的開發者工具 現在無倫是哪個框架都有專屬於自己的 Devtools ，像是 Recat 有 React...
