技術 D04 - 調皮的按鈕：開發元件

現在有需求和規格了，讓我們開始開發吧。 基本結構 第一步先來建立基本樣式，需求提到「除了按鈕本體，在按鈕離開後，會有『拓印』留在原地」。 所以應該要有個容器，裡...

技術 D-01 目錄簡介

先來做一點自我介紹吧，我是白色的白，有一個交往十年以上，並且論及婚嫁的日本女友叫做程世社季子，嗯…怎麼說好呢，自從隔壁的鱈魚介紹 VueUse 給她認識後，她...

技術 D-02 什麼是 VueUse？— 新手入門指南

古人云：知己知彼，百戰不殆，為了程世社季子，我必須把 VueUse 研究個底朝天，看看它到底多厲害能被這麼多人崇拜！#挽回愛情的第二天 在使用 Vue.j...

技術 D-04 isDefined 解析與動機 — 簡單感受一下 VueUse 的美 2

雖然我知道 isDefined 很好用了，但然後呢？會用，但不知道原理就跟魔法一樣！這怎麼行！！程世社季子你一定要等我！等我學成歸來！！！#挽回愛情的第四天...

技術 D-06 useVModel 解析與動機 — 實用性很高の函式之一

挑戰只會讓我變得更強！今天，我不僅提升了技術，還掌握了全新的技能：VueUse 中的 useVModel！在程世社季子的眼中，VueUse 就像一條盤繞的龍，...

技術 D-07 syncRef 文件說明與範例 — 來點鏡像魔法

更加困難的挑戰到來，但這正是我變得更強的契機！我深入研究了 VueUse 的 syncRef，這個功能就像是兩邊的鏡像，能夠同步兩個 refs 的數值變化。它...

技術 D-11 用 useCycleList 來做一個簡單的輪播吧 (carousel) — 從需求分析到未來優化

將 useCycleList 應用到一個簡單的輪播效果中，這就像一個永無止境的展示舞台，每一個畫面不斷切換，卻能有序而和諧地呈現。就像生活中的每一段經歷，總會...

技術 D-10 useCycleList 解析與動機 — 解析循環的齒輪

深入了解了 useCycleList。它就像機械中的齒輪，每次轉動都精密而有規律。每一個元素的切換，就像齒輪不斷運轉，讓系統持續運行，永無停歇。在這無限的循環...

技術 D-12 useAsyncState 文件說明與範例 — 解析取經的過程

useAsyncState，這個功能讓我聯想到西遊記中的取經過程。就像唐僧師徒四人經歷九九八十一難，最終取得真經，useAsyncState 也讓我們在非同步...

技術 D-09 useCycleList 文件說明與範例 — 循環的藝術

useCycleList，就像無限的輪迴。不論經歷多少次切換，我們總會回到起點。這讓我想起我和程世社季子的感情，無論怎麼變化，最終還是會回到彼此身邊。這一次，...

技術 D-03 isDefined 文件說明與範例 — 簡單感受一下 VueUse 的美

俗話說：「羅馬不是一天造成的」今天的我比昨天更強一點，總有一天會贏過隔壁鱈魚的 (ง๑ •̀_•́)ง#挽回愛情的第三天 前情提要 本篇是該系列正式開始介...

技術 D-05 useVModel 文件說明與範例 — 實用性很高の函式之一

好像有那麼一點感覺了，但感覺又太簡單，沒有隔壁鱈魚說的那麼誇張，應該需要更難一點的挑戰，畢竟我可是遇強則強，遇弱則弱的特殊體質。#挽回愛情的第五天 useV...

技術 D-08 syncRef 解析與動機 — 深度解析鏡像魔法

今天，我深刻理解了 syncRef 的精髓，這是一種不斷追求平衡與和諧的力量，正如我在努力找回我們之間的平衡一樣。這條學習之路並不容易，但越是困難，我越能感受...

技術 D-13 useAsyncState 解析與動機 — 取經的路上有你有我

想到了我和程世社季子的感情，取經路上有困難，但最終的結果是值得的。我們的每一次成長與等待，都讓我更加相信，無論過程多麼艱辛，最終會走到一起。程世社季子，取經的...