鐵人檔案
在初學 Vue 往 real world Vue 的路上，希望沒有誤入歧途。
住在 Vue 新手村一個多月，針對這段期間特別疑惑的地方，整理成攻略 30 篇，希望能帶給剛入住的鄰居們一點點幫助。
Outline 上集回顧 reactive() 特性與限制 什麼情況會失去響應性 ref() 特性與限制 什麼情況會失去響應性 兩個比一比...
前言 Vue 在官方文件 - Reactivity Fundamentals 中，正式進入 reactive() 和 ref() 之前，先提到了 nextTic...
前言 今天這篇會先介紹 v-on 的語法和修飾符，熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑： 「為什麼不能在 inline ha...
Outline <style scoped> 的作用方式 突破 <style scoped> 的特殊選擇器a. 深層選擇器 (Dee...
Outline 主要分成四個部份 安裝 Sass 預處理器，在 SFC 檔使用 SCSS 撰寫 style 區域引入 SCSS 樣式或變數 全域引入 SCSS...
誰適合看這篇？ 試問： @click.prevent.self 和 @click.self.prevent 的差別是什麼？...回答不出來的人，還有想即時打開...
元件溝通的原則 1. 資料由上而下單向傳遞 這在前端框架中，是很常見的管理原則，Vue 文件 用「One-Way Data Flow」來描述；React 文件...
前言 要在父子元件之間傳遞變數或內容的時候，我們可以使用 props，但如果想要傳遞進去的是一段 template 片段，就要使用到 slot。 最簡單明瞭的...
前言 在處理響應式多選表單時，使用 v-model 綁定陣列類型的資料，用 ref() 沒問題，但用 reactive() 卻行不通QQ～為什麼～～～ 就是下面...
前言 接下來幾篇文章以「在 Vue 3 Composition API 處理非同步（ 發 API ）」為主軸，會從新手的角度出發，告訴大家可以在哪些地方、時機發...
