幾天前開始我們從設定 → 測試 → 分析，昨天更揭開了 Vapor Mode 與 Alien Signals 的底層優化，今天要做的，就是親眼見證「無 Virtual DOM」的威力： 如何在 Vu...
今天筆者將接續之前的內容，繼續了解 Vue.js 的功能與用法。那麼就讓我們直接開始今日的文章吧！ 計算屬性 Computed Property 有時我們的變數資料將會跟著某個值一起變動，那麼我們會需...
Vue 3.6 在開發寫法上沒有落差很大，但是他的底層效能真的是超級黑魔法，今天就讓我們一起探討讓多個 composable 一起跑，依然順暢的底層黑魔法！ 在 Day 16 ~ Day 18 我們談...
前言 在網頁開發中，常見的功能包括登入、註冊與各式表單等等這些功能，那前端有個很重要的職責就是提前做好格式驗證。這麼做的原因主要有三點： 減少不必要的 API 請求，避免後端被過多無效請求佔用資源...
前言 在此篇章中我們將會帶到如何使用狀態管理工具 + 驗證工具 來實現跨頁表單驗證的功能讓各位在實作中了解何為狀態管理，驗證的時機，以及還有什麼工具可以做延伸閱讀 何為狀態管理 雖然說我們前面在響應式...
我們在前面的App.vue例子中，有import Sidebar.vue，因此載入完成後，畫面的顯示內容應該會在Sidebar.vue中找到，因此我們順著路徑可以找到該檔案/src/component...
前一篇中，筆者與各位初次接觸了Vue.js的SFC檔案格式以及它的宣告式渲染功能，今日將來一起學習Vue.js的各種綁定方式（Bindings）。那麼廢話不多說，就直接開始吧！ Vue.js 的特殊指...
我們學了如何打造「單一職責、可組合」的 composable，並且讓多個 composable 一起運作時，充分發揮 Vue 3.6 的效能優勢。 但如果我們拆出了許多小 composable、又同時...
開發的時候總會想怎麼才能改善效能？怎麼才能讓網頁跑得快？但是...真的是這樣嗎？ 好多時候，「跑得更快」不如「設計得更好」，畢竟程式碼在未來還是有機會擴充維護，如果本身設計不良，就算框架、網速再快，也...
今天目標是希望能把單頁 App 變成「小型多頁網站」：Home（任務清單）＋ About（使用說明）於是我做了以下幾步：1.安裝 vue-router@4，建立 src/router/index.js...