iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

欸你是要進 Vue 了沒? 系列

這是一個小菜菜突然跳進 Vue 的放送事故。
主要是從 Vue 官方文件一步一步地理解,過程中可能會遇到一些小坑,或無法深入到很細節的部分,完全是小菜菜的 flow 喔⋯⋯請大家多多指教。

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v8.0
DAY 11

欸你是要進 Vue 了沒? - Day11:Vue 你怎麼 DOM 起來了?響應式基礎從 ref 開始(上)

還講到 debug 快笑死 XD 讓我們切入今天的正題 ref 不然要寫不完了 定義 ref 是 Vue 3 中的一個組合式 API,負責綁定和管理「響應...

2024-09-25 ‧ 由 ++ 分享
DAY 12

欸你是要進 Vue 了沒? - Day12:Vue 你怎麼 DOM 起來了?響應式基礎從 ref 開始(下)

在上篇我們提到:當用 ref 綁定響應式的數據,會產生一個 RefImpl 的物件,而它提供了 value 屬性讓我們存取其中的值。 不過使用的兩個範例都是綁定...

2024-09-26 ‧ 由 ++ 分享
DAY 13

欸你是要進 Vue 了沒? - Day13:Vue 你怎麼 DOM 起來了?都學到這了依舊沒辦法繞過的 JS 原生 Proxy 概念

前兩天認識到 ref 綁定「物件」、Vue 會將其包裝成一個 Proxy 物件的時候,點了官方文件放的 MDN,發現完全看不懂,想說沒關係~好像可以先無視它~結...

2024-09-27 ‧ 由 ++ 分享
DAY 14

欸你是要進 Vue 了沒? - Day14:Vue 你怎麼 DOM 起來了?響應式用法就還有另外一種叫 reactive

怎麼是梗圖開場 XD (來源:網路) 前幾天我們介紹了 Vue 中響應式的基礎 ref 以及 Proxy 的機制,今天直接來看另一種用法 reactive...

2024-09-28 ‧ 由 ++ 分享
DAY 15

欸你是要進 Vue 了沒? - Day15:Vue 你怎麼 DOM 起來了?乂稀奇古怪的 ref && reactive 解包合體技乂

記得我們在 ref 的篇章有講過「解包」嗎?官方文件在帶過 reactive 後,又細講了它倆解包的細節⋯⋯小菜菜在學習這邊的時候遇到了幾個蠻有趣的狀況坑,來跟...

2024-09-29 ‧ 由 ++ 分享
DAY 16

欸你是要進 Vue 了沒? - Day16:Vue 的 computed 在算什麼東西

我們接續響應式基礎的系列~今天帶大家看 computed 這個語法。 使用情境 computed?「計算」的意思。 那又是在計算什麼東西,為什麼 Vue 會有特...

2024-09-30 ‧ 由 ++ 分享
DAY 17

欸你是要進 Vue 了沒? - Day17:Vue 屬性綁定之 class && style 功能增強系列(class 篇)

嗨一大家,記得之前我們在屬性綁定章節,有講到 CSS 樣式可以使用 v-bind 屬性綁定樣式嗎~ 但官方文件後來卻提到了: 但是,在處理比較複雜的綁定時,通...

2024-10-01 ‧ 由 ++ 分享
DAY 18

欸你是要進 Vue 了沒? - Day18:Vue 屬性綁定之 class && style 功能增強系列(style 篇)

嗨一大家,記得之前我們在屬性綁定章節,有講到 CSS 樣式可以使用 v-bind 屬性綁定樣式嗎~ 但官方文件後來卻提到了: 但是,在處理比較複雜的綁定時,通...

2024-10-02 ‧ 由 ++ 分享
DAY 19

欸你是要進 Vue 了沒? - Day19:Vue 條件渲染家族 v-if、v-else-if、v-else、v-show

今天我們進入「條件渲染」的章節囉~將分為兩部分講解: v-if、v-else-if、v-else v-show OK,請開始我的表演。 定義 Vu...

2024-10-03 ‧ 由 ++ 分享
DAY 20

欸你是要進 Vue 了沒? - Day20:Vue 列表渲染之那個很會幫主管列資料的 v-for 同事

今天要來說的是「列表渲染」。列表在這邊表達的是「清單、多個資料」的意思,而我們可以使用它,像迴圈一樣的遍歷、渲染出多個元素~(由於這個用法和 JS 有點相似,因...

2024-10-04 ‧ 由 ++ 分享