簡介 在現代 Web 應用開發中，隨著應用規模的增長，初始加載時間可能會變得越來越長，影響用戶體驗。本文將深入探討如何在 Vue 3 應用中實現懶加載和代碼分割，以顯著提升應用性能。我們將結合 Ty...
一開始只看到中譯想說到底為什麼要叫「生命週期鉤子」，看到Hooks…好吧。在之前的ToDoList練習還尚未學習Vue生命週期的概念，所有狀態和動作在頁面都亂亂放也沒有報錯（當然是錯誤示範）；前幾章我...
在現代網頁開發中，SSR（Server-Side Rendering，服務端渲染）是一個至關重要的技術，尤其對於 SEO 和性能優化至關重要。SSR 將部分渲染過程放在服務器端完成，生成靜態 HTML...
今天要開始進入認識Vue元件的部分，元件間的溝通是應用中非常重要的一部分，開始允許各個元件之間資料進行互動，今天來看看基礎的元件資料傳遞有那一些細節和當初沒想過的有趣案例。 今日學習重點: 1.Vue...
前兩天認識到 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...