前兩天認識到 ref 綁定「物件」、Vue 會將其包裝成一個 Proxy 物件的時候，點了官方文件放的 MDN，發現完全看不懂，想說沒關係～好像可以先無視它～結果很快的發現沒辦法銜接到接下來要學的...
探索 Vue.js 循環動效，為您的網頁注入獨特的貓咪魅力，感受每一刻的‘MADE WITH LOVE’。 哈囉各位，今天我們要一起來揭開文字循環特效的神秘面紗！ 你有想過嗎？簡單的文字，經過巧妙設...
組件 目前為止，我們只使用了單個組件。真正的 Vue 應用往往是由嵌套組件創建的。 父組件可以在模板中渲染另一個組件作為子組件。要使用子組件，我們需要先引入它： import ChildComp fr...
目錄 事件監聽類型說明 內聯事件處理器傳遞自定義參數跟 javaScript Event 物件傳遞 修飾符 - 減少使用者處理 DOM 事件細節 事件修飾符(stop、prevent、self、c...
簡介 我們這次討論關於性能優化的部分，以及一般開發人員在進行開發的時候要注意的事情。本文將深入探討如何利用 Vite 以及 Vue 的各種特性來優化應用性能。我們還將討論如何進行相關的測試。 步驟...
在上篇我們提到：當用 ref 綁定響應式的數據，會產生一個 RefImpl 的物件，而它提供了 value 屬性讓我們存取其中的值。 不過使用的兩個範例都是綁定了數字，今天我們一起來試試看將 ref...
引用Vue Components的原則，是透過父元件上import的方式，父元件中也可能存在許多子元件…這樣一個串一個的關係就成了樹狀結構的「元件樹」。今天我們要來學的就是在這個元件樹上面，組件彼此是...
簡介 在 Vue 3 應用程序中，Vue Router 和 Pinia 是兩個核心工具，分別用於處理路由導航和狀態管理。對這兩個工具進行有效的測試對於確保應用程序的穩定性和可靠性至關重要。本文將探討...
簡介 在開發 Vue 應用時，測試邊界情況對於確保組件的穩定性和可靠性至關重要。本文將探討如何使用 TypeScript 和 Vitest 來測試 Vue 組件的各種邊界情況。我們將基於Day20先...
上次有提到watch或watchEffect可以讓我們監聽饗應式數據，並且執行某些副作用(side effect)，自己實務上常利用是監聽某項數值，例如監測使用者點擊的id去非同步呼叫api獲取資料，...