這幾天風暴式重新閱讀了好多Vue官方文件（真怕會消化不良），今天來講點比較有趣的效果吧！而且超簡單的就能實現在ToDoList上的～就是 「元素拖曳！」 ，做完之後感覺 Array 真是好用呀！ dr...
用兔子吹泡泡動畫驚豔你的訪客，刷新等待體驗 你是否曾經因為網站載入速度太慢而感到焦慮？ 在現代網站開發中，等待通常是訪客戶最不喜歡的環節。如何讓使用者在等待的過程中感到愉悅，是每位開發者都需要考慮...
目錄 props 基本用法 props 單向資料流 - 組件之間的溝通方式 props 子組件應用情境說明 props 傳值類型 - 靜態傳值 vs 動態傳值 props 多參數傳遞的方式 pro...
在 Vue 3 中，異步組件和懶加載技術是提升前端應用效能和優化用戶體驗的兩個重要工具。這些技術允許開發者按需載入部分組件，減少初次加載時間，並提升整體的應用性能。本文將深入介紹 Vue 3 的異步組...
前面幾天我們重新回顧了Vue的語法結構，還有各種內建提供的指令用法。今天的重點放在 「如何把自己寫的內容」 定義成可以複用的函式，以及 「如何自訂指令」 ？讓我們把Vue更活用，Let's go！ 組...
<textarea> 與 <input type="text"> 有需多相似之處，甚至大多數的特性都是共通的，例如都可以接收 placeholder、di...
嗨一大家，記得之前我們在屬性綁定章節，有講到 CSS 樣式可以使用 v-bind 屬性綁定樣式嗎～ 但官方文件後來卻提到了： 但是，在處理比較複雜的綁定時，通過拼接生成字符串是麻煩且易出錯的。因此，...
哈囉，大家好！經過前面的努力，我們已經成功建立了 Nuxt 的開發環境，並初步了解了它的使用方式。在前一篇文章中，我們建立了第一個頁面，並準備好了後續開發所需的套件。現在，是時候深入了解 Nuxt 的...
讓你的計時器不再無聊！帶你實現進度條的互動視覺化 你是否曾經想過，讓時間不只是冷冰冰的數字，而是變成一個動態、直觀、充滿視覺衝擊的體驗？ 今天，我們要用 Vue.js 帶你進入計時器與圈圈進度條的...
目錄 定義組件的兩種方式 - SFC 單文件組件與 CDN 版本 組件註冊的兩種方式 - 全域註冊與區域註冊 結論 在 Day 5 我們提到可以將應用拆分為根組件和多個組件實例，並將功能模塊...