這是一個小菜菜突然跳進 Vue 的放送事故。
主要是從 Vue 官方文件一步一步地理解,過程中可能會遇到一些小坑,或無法深入到很細節的部分,完全是小菜菜的 flow 喔⋯⋯請大家多多指教。
還講到 debug 快笑死 XD 讓我們切入今天的正題 ref 不然要寫不完了 定義 ref 是 Vue 3 中的一個組合式 API,負責綁定和管理「響應...
在上篇我們提到:當用 ref 綁定響應式的數據,會產生一個 RefImpl 的物件,而它提供了 value 屬性讓我們存取其中的值。 不過使用的兩個範例都是綁定...
前兩天認識到 ref 綁定「物件」、Vue 會將其包裝成一個 Proxy 物件的時候,點了官方文件放的 MDN,發現完全看不懂,想說沒關係~好像可以先無視它~結...
怎麼是梗圖開場 XD (來源:網路) 前幾天我們介紹了 Vue 中響應式的基礎 ref 以及 Proxy 的機制,今天直接來看另一種用法 reactive...
記得我們在 ref 的篇章有講過「解包」嗎?官方文件在帶過 reactive 後,又細講了它倆解包的細節⋯⋯小菜菜在學習這邊的時候遇到了幾個蠻有趣的狀況坑,來跟...
我們接續響應式基礎的系列~今天帶大家看 computed 這個語法。 使用情境 computed?「計算」的意思。 那又是在計算什麼東西,為什麼 Vue 會有特...
嗨一大家,記得之前我們在屬性綁定章節,有講到 CSS 樣式可以使用 v-bind 屬性綁定樣式嗎~ 但官方文件後來卻提到了: 但是,在處理比較複雜的綁定時,通...
嗨一大家,記得之前我們在屬性綁定章節,有講到 CSS 樣式可以使用 v-bind 屬性綁定樣式嗎~ 但官方文件後來卻提到了: 但是,在處理比較複雜的綁定時,通...
今天我們進入「條件渲染」的章節囉~將分為兩部分講解: v-if、v-else-if、v-else v-show OK,請開始我的表演。 定義 Vu...
今天要來說的是「列表渲染」。列表在這邊表達的是「清單、多個資料」的意思,而我們可以使用它,像迴圈一樣的遍歷、渲染出多個元素~(由於這個用法和 JS 有點相似,因...