iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

欸你是要進 Vue 了沒? 系列

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

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

欸你是要進 Vue 了沒? - Day21:Vue 列表渲染之 v-for 和它の關鍵小夥伴 key && 虛擬 DOM

哈囉搭家,在昨天我們講到了列表渲染的用法 v-for,今天會來認識 key 這個屬性、Vue 的渲染模式「虛擬 DOM」以及 v-for 搭配 method 的...

2024-10-05 ‧ 由 ++ 分享
DAY 22

欸你是要進 Vue 了沒? - Day22:Vue 事件處理之 v-on @我知道你什麼事都聽到了

在 Vue 的世界裡,@ 符號如同我們日常生活中的耳朵,隨時靈敏地捕捉著周遭的聲音。今天,就讓我們一起探索 Vue 是如何巧妙地管理 DOM 事件的吧!🎧✨...

2024-10-06 ‧ 由 ++ 分享
DAY 23

欸你是要進 Vue 了沒? - Day23:Vue 表單輸入綁定之 v-model 有你在的宇宙一切都不麻煩了

在 Vue 的宇宙裡,表單輸入綁定不再是令人頭痛的問題!有了 v-model,你只需要一句簡單的指令,就可以讓使用者的輸入與你的應用程式完美同步。無論是輸入框...

2024-10-07 ‧ 由 ++ 分享
DAY 24

欸你是要進 Vue 了沒? - Day24:Vue 生命週期之從組件來到了這世界到它完成任務後離開的過程

蛤肉,大家好。如標題所述,今天我們要來看 Vue 中一個重要的觀念:「生命週期」。 我們將會分為以下幾部分來學習: 生命週期定義 為什麼需要了解? 初步概念...

2024-10-08 ‧ 由 ++ 分享
DAY 25

欸你是要進 Vue 了沒? - Day25:Vue 組件偵聽器之 watch && watchEffect 是在襪取什麼東東

不可能放這種迷因圖八 安安搭家,還記得我們在 computed 的章節 講到的嗎: 不應該在 computed 物件其中像上述談到的:變更值、狀態,非同...

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

欸你是要進 Vue 了沒? - Day26:Vue 模板引用之使用 ref 直接操作 DOM 的小小法術

Hi 大家好,今天我們要來看的是「模板引用」的章節。還記得之前我們提到的 ref 嗎? ref 除了可以用來綁定響應式的狀態,它還能被使用在 <templ...

2024-10-10 ‧ 由 ++ 分享
DAY 27

欸你是要進 Vue 了沒? - Day27:Vue 組件基礎之 Component 的定義 && 使用 && 註冊

Hello 大家蠔,今天我們來學習 Vue 的核心概念:組件。 分別會帶到這些內容: 定義一個組件構建步驟定義的組件 - 單文件組件使用物件導出定義的組件...

2024-10-11 ‧ 由 ++ 分享
DAY 28

欸你是要進 Vue 了沒? - Day28:Vue 組件間的溝通方式之 Props、defineProps() 來自父組件の快遞請收下

對,是系列文!在 Vue 中,組件之間傳遞資料的機制有許多種,本系列主要介紹父、子組件之間的溝通,分別為:「父傳子:Props」&&「子傳父:E...

2024-10-12 ‧ 由 ++ 分享
DAY 29

欸你是要進 Vue 了沒? - Day29:Vue 組件間的溝通方式之 Emits、defineEmits() 子組件發出信號收到請回答 Over!

對,是系列文!在 Vue 中,組件之間傳遞資料的機制有許多種,本系列主要介紹父、子組件之間的溝通,分別為:「父傳子:Props」&&「子傳父:E...

2024-10-13 ‧ 由 ++ 分享
DAY 30

欸你是要進 Vue 了沒? - Day30:比賽過一半就想開始寫的完賽心得?

蛤肉,搭家好,我乘風破浪的來了。 在寫這篇前,想說把自己 Day1~Day29 看過一遍,就可以準備好心情和能量,面對完賽了喔這個不真實的事實,屏氣凝神的來下筆...

2024-10-14 ‧ 由 ++ 分享