系列文章
真的好想離開 Vue 3 新手村 - Day 1: 前言之系列簡介
前言的前言 嗨，我是安揪拉，住在 Vue 新手村大概一個多月，接下來要一邊寫鐵人賽、一邊接案，希望能成功活下來 QQ，真的好想離開 Vue 3 新手村啊～我蒐集...
真的好想離開 Vue 3 新手村 - Day 2: 建立 Vue 專案開發環境 feat. Vite
剛開始學 Vue，最困擾的就是該怎麼建立開發的環境。 誰適合看這篇： 不知道怎麼建立 Vue 專案 按照官網用 npm init vue@latest 建立了...
真的好想離開 Vue 3 新手村 - Day 3: 細看 Vue + Vite 專案資料夾結構
誰適合看這篇 已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後，沒有仔細看...
真的好想離開 Vue 3 新手村 - Day 4: 從 npm run build (vite build) 簡單認識打包
誰適合看這篇 不知道 npm run dev、npm run build、npm run preview 的用處 不知道「打包」做了哪些事？為什麼前端需要打包...
真的好想離開 Vue 3 新手村 - Day 5: Option API 和 Composition API 比一比
前言 Vue 3 提供 Option API 和 Composition API 兩種寫法，Option API 是延伸自 Vue 2 的寫法，Composit...
真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔？如何被編譯？feat. Vite
Outline 什麼是 SFC 檔 認識 SFC 檔的組成 - Language Block SFC 檔會如何被解析（其實不算重要，但因為我很好奇） 什麼是...
真的好想離開 Vue 3 新手村 - Day 7: 深入了解 <script setup> 語法糖
誰適合看這篇 想知道 <script setup> 的優點 跟我一樣很好奇為什麼 <script setup> 效能比較好...
真的好想離開 Vue 3 新手村 - Day 8: 認識 Vue directive 和 v-if v.s v-show
Vue Directive 什麼是 Vue directive？簡單來說，就是在 Vue 模板中，我們常常用到的 v- 開頭的「指令」，像是：v-if、v-fo...
真的好想離開 Vue 3 新手村 - Day 9: v-for 與他的坑 feat. key & v-if
Outline 語法簡介 v-for 與 key 的關係 為什麼要綁定 key 什麼狀況下不能用 index 作為 key v-if & v-...
真的好想離開 Vue 3 新手村 - Day 10: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (上)
前言 一開始認識 reactive() 跟 ref() 真的超困惑，不理解兩者背後的差別，只能硬記個別的使用方式和限制，一直到了解他們背的原理，才有「啊哈～」的...