系列文章
真的好想離開 Vue 3 新手村 - Day 11: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (下)
Outline 上集回顧 reactive() 特性與限制 什麼情況會失去響應性 ref() 特性與限制 什麼情況會失去響應性 兩個比一比...
真的好想離開 Vue 3 新手村 - Day 12: 認識 nextTick 與 DOM 響應更新時機 feat. template ref
前言 Vue 在官方文件 - Reactivity Fundamentals 中，正式進入 reactive() 和 ref() 之前，先提到了 nextTic...
真的好想離開 Vue 3 新手村 - Day 13: v-on 語法、修飾符與找不到的 console.log
前言 今天這篇會先介紹 v-on 的語法和修飾符，熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑： 「為什麼不能在 inline ha...
真的好想離開 Vue 3 新手村 - Day 14: style scoped 原理與特殊選擇器 :deep()＆:slotted()
Outline <style scoped> 的作用方式 突破 <style scoped> 的特殊選擇器a. 深層選擇器 (Dee...
Day 15: 在 Vue 專案使用 Sass/SCSS +共用變數 (feat. Vite)
Outline 主要分成四個部份 安裝 Sass 預處理器，在 SFC 檔使用 SCSS 撰寫 style 區域引入 SCSS 樣式或變數 全域引入 SCSS...
Day 16: 從 vuejs 原始碼看 v-on 修飾符串接
誰適合看這篇？ 試問： @click.prevent.self 和 @click.self.prevent 的差別是什麼？...回答不出來的人，還有想即時打開...
Day 17: 元件溝通的原則 feat. props & emit
元件溝通的原則 1. 資料由上而下單向傳遞 這在前端框架中，是很常見的管理原則，Vue 文件 用「One-Way Data Flow」來描述；React 文件...
Day 18: v-slot 到底用在哪？從應用學 v-slot 語法
前言 要在父子元件之間傳遞變數或內容的時候，我們可以使用 props，但如果想要傳遞進去的是一段 template 片段，就要使用到 slot。 最簡單明瞭的...
Day 19: 你可能不知道的 v-model - 為何多選綁定陣列不能用 reactive()?
前言 在處理響應式多選表單時，使用 v-model 綁定陣列類型的資料，用 ref() 沒問題，但用 reactive() 卻行不通QQ～為什麼～～～ 就是下面...
Day 20: 在發 API 之前 - 先學 axios 基礎與封裝管理 API
前言 接下來幾篇文章以「在 Vue 3 Composition API 處理非同步（ 發 API ）」為主軸，會從新手的角度出發，告訴大家可以在哪些地方、時機發...