Vue可以用來構建單頁應用程式 (SPA)，打包後的程式碼會完全在瀏覽器上執行，透過 JavaScript 生成 DOM 元素並交由瀏覽器進行呈現(Client Side Rendering, CSR...
在封裝過程中，我思考如何讓這個工具變得更靈活，支援多種條碼格式，同時考慮到使用者可能遇到的錯誤處理情況。我加入了自定義配置選項，讓開發者能調整掃描靈敏度和生成條碼的樣式。 Type Declara...
翻牌效果深入解析，帶你揭開背後的技術秘密！ 今天，我們將用 Vue.js 和 TypeScript 實現一個充滿趣味的翻牌遊戲，讓你不僅能挑戰自己的記憶力，還能學到豐富的前端技術知識。這篇文章會深...
今天，我開始計劃模仿 VueUse 來開發一個自己的 useBarCode 功能。這是一次全新的挑戰，不僅僅是技術上的實踐，更是創造屬於自己的工具。我決定先從需求確認開始，仔細分析 useBarCo...
目錄 Vue Router 基本使用 Vue Router 路由連結與路由守衛介紹 - RouterLink & Navigation Guards Vue Router 404 頁面及重...
Hello 大家蠔，今天我們來學習 Vue 的核心概念：組件。 分別會帶到這些內容： 定義一個組件構建步驟定義的組件 - 單文件組件使用物件導出定義的組件 使用組件導入的組件是獨立的組件的命名 組...
今天要來談談 Vue官網效能優化 的部分，昨天我們複習了使用 JavaScript 動態載入 的特性來進行程式碼分割，這種方法將程式碼拆分成不同檔案，減少了初次渲染時請求的 JS 檔案過於肥大，進而提...
目錄 VeeValidate 基本使用 - 內建規則使用 VeeValidate 基本使用 - i18n 多國語系設定 VeeValidate 手動設置驗證及驗證訊息 總結 在開發 Vue 應用...
終於來到鐵人賽的倒數第4天，今天要介紹 JavaScript 滿常見的 動態載入(Dynamic import)，是基於JavaScript 模組(module) 這個觀念衍伸而來，開發上其實常常用到...
Hi 大家好，今天我們要來看的是「模板引用」的章節。還記得之前我們提到的 ref 嗎？ ref 除了可以用來綁定響應式的狀態，它還能被使用在 <template> 模板中，幫助我們操作 D...