iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

不會 VueUse 而被提分手的我 系列

由著名小說題材非真人真事改編而成,挽回戀情的 VueUse 全面解析,將透一個一個的戀愛範例,找回當初開發的浪漫。
由於 VueUse 的官方文檔對於新手來說,閱讀實在是很難懂,所以透過各種專案範例,解析當中所使用的 VueUse。

參賽天數 13 天 | 共 13 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊鐵齒不信寫不完
DAY 1

D-01 目錄簡介

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

2024-09-14 ‧ 由 白色的白 分享
DAY 2

D-02 什麼是 VueUse?— 新手入門指南

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

2024-09-15 ‧ 由 白色的白 分享
DAY 3

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

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

2024-09-16 ‧ 由 白色的白 分享
DAY 4

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

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

2024-09-17 ‧ 由 白色的白 分享
DAY 5

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

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

2024-09-18 ‧ 由 白色的白 分享
DAY 6

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

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

2024-09-19 ‧ 由 白色的白 分享
DAY 7

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

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

2024-09-20 ‧ 由 白色的白 分享
DAY 8

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

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

2024-09-21 ‧ 由 白色的白 分享
DAY 9

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

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

2024-09-22 ‧ 由 白色的白 分享
DAY 10

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

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

2024-09-23 ‧ 由 白色的白 分享