系列文章
Day 21: 來發 API 吧！Async Composition API setup() feat. <Suspense>
前言 接下來幾天會以「在 Vue 3 Composition API 處理非同步（ 發 API ）」為主軸，從新手的角度出發，告訴大家可以在哪些地方、時機發 A...
Day 22: Composition API async setup() + await 的限制
上集回顧 Composition API 元件中的 setup() 函式可以作為非同步函式使用，在內部可以使用關鍵字 await 等待非同步陳述式執行。 一切聽...
Day 23: 來發 API 吧！Lifecycle Hooks and Navigation Guards 你要哪一個？
Outline Lifecycle Hooks 快速總覽 Navigation guards 快速總覽 發 API 挑哪個？ 今天會著重介紹觸發時機，可以在...
Day 24: Before Pinia - 什麼是狀態(state)？為什麼需要狀態管理器？
前言 Vue 文件常常出現 "state" 這個單字，像是在 Reactivity Fundamentals 篇章中，會用 "st...
Day 25: 來發 API 吧！Pinia 語法學完馬上用
前言 在 Day 21: 來發 API 吧！Async Composition API setup() 中，是在元件準備渲染時，才在 setup 內發 API...
Day 26: 在 Vue router - Navigation Guard 中使用 Pinia store 的小眉角
前言 在 route 中使用 Pinia store 時，不同的 route guard 常常會需要用到同一個 store，我一開始想要少寫一點程式碼XD，減少...
Day 27: 從 VueUse - useAsyncState 認識 Composable 和非同步處理
前言 會想寫這個題目有兩個原因： 想認識 composable 函式，體驗 Composition API 的強大之處，為什麼可以讓跨元件複用程式碼變得更方便...
Day 28: Quasar 新手指南 - 從安裝到使用
前言 其實一直很猶豫要不要寫這篇，因為 UI Framework 最終還是要從官方文件去看使用方式。但又想起當初，自己一開始使用 Quasar 的時候，進入官網...
Day 29: Vue 響應式基礎 - watch & computed 不踩坑
前言 在 Day 9 和 10 的文章中，我們提到 Vue 3 響應式基礎 - reactive & ref，主要用來攔截資料的讀取跟寫入，讓 Vue...
Day 30: Vue 3 響應式原理 - effect 如何響應 (無敵簡化版)
註：本篇屬於沒有很重要，但我很好奇系列 這篇不會著重在原始碼，主要是介紹 Vue 是用什麼概念去蒐集依賴。主要學習資源是 Vue Mastery、官網文件和部份...