JK
__
Home
Projects
Stack
Blog
Videos
Challenge
返回技術堆疊
Vue 3 學習之旅
從零開始學習 Vue 3，掌握現代前端框架的核心概念與實戰技巧
2025
·
100 天完整教程
01
Day 1
認識 Vue.js：漸進式框架
02
Day 2
Day 2: 開發環境設定：Node.js 與 Vite
03
Day 3
Day 3: 建立你的第一個 Vue 3 專案 (create-vue)
04
Day 4
Day 4: Vue 應用程式的實例 (createApp)
05
Day 5
模板語法：基本介紹
06
Day 6
宣告式渲染：雙大括號語法
07
Day 7
Day 7: 屬性綁定：v-bind (與其縮寫 :)
08
Day 8
Day 8: 條件渲染：v-if, v-else, v-else-if
09
Day 9
Day 9: 列表渲染：v-for
10
Day 10
表單綁定：v-model 指令
11
Day 11
Day 11: 事件處理：v-on (與其縮寫 @)
12
Day 12
監聽器：watch
13
Day 13
Day 13: 按鍵修飾符：.enter, .esc
14
Day 14
模板參考：ref
15
Day 15
Day 15: v-model 的修飾符：.lazy, .number, .trim
16
Day 16
HTML 內容渲染：v-html
17
Day 17
純文字內容渲染：v-text
18
Day 18
v-once 指令
19
Day 19
條件顯示：v-show
20
Day 20
v-cloak 指令
21
Day 21
setup 函數介紹
22
Day 22
修飾符
23
Day 23
處理物件與陣列：reactive()
24
Day 24
ref vs reactive
25
Day 25
響應式轉換
26
Day 26
計算屬性進階
27
Day 27
watch()
28
Day 28
深度偵聽與立即執行
29
Day 29
偵聽多個來源
30
Day 30
偵聽副作用：watchEffect()
31
Day 31
元件 (Component) 基礎概念
32
Day 32
單一檔案元件 (SFC) 結構
33
Day 33
元件註冊：全域與局部
34
Day 34
父子元件通訊：props 基礎
35
Day 35
props 的型別與驗證機制
36
Day 36
Day 36: 子元件對父元件通訊：emits
37
Day 37
Day 37: defineProps 與 defineEmits
38
Day 38
Day 38: 元件的插槽：Slot
39
Day 39
Day 39: 具名插槽 (Named Slots)
40
Day 40
Day 40: 作用域插槽 (Scoped Slots)
41
Day 41
Day 41
42
Day 42
Day 42
43
Day 43
Day 43
44
Day 44
Day 44
45
Day 45
Day 45
46
Day 46
Day 46
47
Day 47
Day 47
48
Day 48
Day 48
49
Day 49
Day 49
50
Day 50
Day 50
51
Day 51
Day 51
52
Day 52
Day 52
53
Day 53
Day 53
54
Day 54
Day 54
55
Day 55
Day 55
56
Day 56
Day 56
57
Day 57
Day 57
58
Day 58
Day 58
59
Day 59
Day 59
60
Day 60
Day 60
61
Day 61
Day 61
62
Day 62
Day 62
63
Day 63
Day 63
64
Day 64
Day 64
65
Day 65
Day 65
66
Day 66
Day 66
67
Day 67
Day 67
68
Day 68
Day 68
69
Day 69
Day 69
70
Day 70
Day 70
71
Day 71
Day 71
72
Day 72
Day 72
73
Day 73
Day 73
74
Day 74
Day 74
75
Day 75
Day 75
76
Day 76
Day 76
77
Day 77
Day 77
78
Day 78
Day 78
79
Day 79
Day 79
80
Day 80
Day 80
81
Day 81
Day 81
82
Day 82
Day 82
83
Day 83
Day 83
84
Day 84
Day 84
85
Day 85
Day 85
86
Day 86
Day 86
87
Day 87
Day 87
88
Day 88
Day 88
89
Day 89
Day 89
90
Day 90
Day 90
91
Day 91
Day 91
92
Day 92
Day 92
93
Day 93
Day 93
94
Day 94
Day 94
95
Day 95
Day 95
96
Day 96
Day 96
97
Day 97
Day 97
98
Day 98
Day 98
99
Day 99
Day 99
100
Day 100
Day 100