上一篇我們聊到了 Component,也做了一個小小的卡片。今天我們就要來講一個常常會讓新手有點混亂的東西,那就是 Composition API 跟 Opti...
生命週期是什麼
每一個元件都有自己的生命週期(Lifecycle),當元件被建立、掛載到畫面、資料變化、最後被移除時,Vue 都會在這些階段呼叫特定的 hook...
到目前為止前面有寫到兩種資料傳遞的方式,分別是 Props 和 Pinia,今天來寫另一種傳遞方式 Provide/Inject,最後再總結一下這三個。
為什麼...
watch 是用來即時監聽資料變化,像是使用者輸入搜尋關鍵字,要即時更新結果、表單內容變更時,要自動儲存等等,這些都需要偵測資料的變化。
基本範例
<sc...
在 Vue 3 的 Composition API 裡,Composable 函式是一種把可重複使用的邏輯抽取出來的方式。先來看看一個範例:
Composabl...
今天的內容將延續昨天的實作內容,繼續探討 Vue 實際的應用以下實作是使用 Composition API 撰寫,將著重講解<script setup&g...