骨架屏黑科技，提升載入體驗 大家好！今天我們要聊一聊網頁開發中的一個「秘密武器」——骨架屏（Skeleton Loading）！有沒有發現，有些網站在內容還沒載入完畢時，已經展示出一個「預先載入」...
目錄 組件懶加載 遠程模塊加載 - vite-federation 路由懶加載 總結 在大型項目中，我們通常需要將應用拆分為更小的代碼模塊，並僅在需要時才從服務器加載相關組件，以減少初次加載的...
終於來到了實作的環節，這裡會拿我去年練習到一半的 To Do List 專案來接著進行（當時只建立好環境而已但總算能有個結尾了預計會分兩篇來進行 功能簡介 新增/修改/刪除代辦 代辦可以拖曳到不同...
組件基礎 監聽事件 讓我們繼續關注我們的 BlogPost 組件。我們會發現有時候它需要與父組件進行交互。例如，要在此處實現無障礙訪問的需求，將博客文章的文字能夠放大，而頁面的其餘部分仍使用默認字號。...
組件基礎 組件允許我們將 UI 劃分為獨立的、可重用的部分，並且可以對每個部分進行單獨的思考。在實際應用中，組件常常被組織成層層嵌套的樹狀結構：這和我們嵌套 HTML 元素的方式相似，Vue 實現了自...
模板引用 雖然 Vue 的聲明性渲染模型為你抽象了大部分對 DOM 的直接操作，但在某些情況下，我們仍然需要直接訪問底層 DOM 元素。要實現這一點，我們可以使用特殊的 ref attribute：...
偵聽器 基本示例 計算屬性允許我們聲明性地計算衍生值。然而在有些情況下，我們需要在狀態變化時執行一些“副作用”：例如更改 DOM，或是根據異步操作的結果去修改另一處的狀態。 在組合式 API 中，我們...
生命週期鉤子 每個 Vue 組件實例在創建時都需要經歷一系列的初始化步驟，例如設置好數據偵聽，編譯模板，掛載實例到 DOM，以及在數據改變時更新 DOM。在此過程中，它也會運行被稱為生命週期鉤子的函數...
表單輸入綁定(2) 值綁定 對於單選按鈕，複選框和選擇器選項，v-model 綁定的值通常是靜態的字符串 (或者對複選框是布爾值)： <!-- `picked` 在被選擇時是字符串 "...
表單輸入綁定(1) 在前端處理表單時，我們常常需要將表單輸入框的內容同步給 JavaScript 中相應的變量。手動連接值綁定和更改事件監聽器可能會很麻煩： <input :value=&q...