鐵人檔案
昨天寫了 Vue 的 Options API，它用 data、methods、computed 來分門別類。這種寫法清楚、直觀，但在會有「邏輯分散」的問題。於是...
在 Vue 3 的 Composition API 裡，Composable 函式是一種把可重複使用的邏輯抽取出來的方式。先來看看一個範例: Composabl...
今天想要來看看在 vue 中如何連到不同頁面，以 HTML 來說，可以使用 a href 連到相應的 html 檔，但是 vue 的檔案都是以 .vue 結尾，...
Pinia 是由 Vue 官方所推出的狀態管理工具，主要目的是當資訊在不同元件中共用時傳來傳去很麻煩，因此可以使用 Pinia 將狀態存到 store 中使用。...
Slot 插巢 突然不知道該寫什麼 qaq 回去看了一下筆記，發現好像可以寫寫 slot可以在父元件中插入內容到子元件的位置，也就是讓外層可以直接操作內層的 H...
今天直接大忘記qaq翻了一下筆記決定寫跨元件資料傳遞的部分，直接看例子吧將 <card-emit></card-emit> 中的資料傳遞...
雖然還沒到最後一天，但今天打算嘗試將 vue 部署到 github pages 上 (絕對不是在逃避串接資料庫資料ww原本以為 Github Pages 只能部...
為什麼需要 Teleport？ 在 Vue 中，元件會隨著父元件渲染在 DOM 裡，但像 Modal、Notification 等等這類 UI，通常需要顯示在最...
到目前為止前面有寫到兩種資料傳遞的方式，分別是 Props 和 Pinia，今天來寫另一種傳遞方式 Provide/Inject，最後再總結一下這三個。 為什麼...
watch 是用來即時監聽資料變化，像是使用者輸入搜尋關鍵字，要即時更新結果、表單內容變更時，要自動儲存等等，這些都需要偵測資料的變化。 基本範例 <sc...
