Vue 3 初學者：用實作帶你看過核心概念
2024 iThome 鐵人賽・共 30 篇
大家好，我是 Antonio(安東尼奧)，目前是一名 Angular 的新手工程師，同時，也是一名熱愛寫程式的工程師。去年參加六角學院的 Vue 直播班，在那時候就深深著迷著 Vue 的語言，自此這半年多的時間裡，我白天…
- 01前言介紹
- 02命令式編程 vs 聲明式編程
- 03使用 Vite 建構工具搭建 Vue 專案
- 04基於 Vite 建構工具的 Vue 專案結構解析
- 05Options API vs Composition API
- 06數據綁定和模板(Template)
- 07響應式基礎 - Options API
- 08計算屬性應用與實踐
- 09Class 與 Style 的樣式綁定
- 10條件渲染 - v-if 與 v-show 的區別與應用
- 11v-for 指令的基本與進階應用
- 12v-on 指令 - 事件處理
- 13v-model 雙向綁定控制 - 常用於表單輸入
- 14生命週期鉤子(Lifecycle Hooks)
- 15監聽器(Watchers)
- 16使用 ref 屬性引用模板元素
- 17組件基礎 - 全局註冊與區域註冊
- 18父組件向子組件傳值 - props
- 19子組件向父組件發射事件 - emits
- 20組件使用 v-model 雙向綁定
- 21組件透傳屬性(Attributes)的應用
- 22v-slot 插槽使用
- 23依賴注入( Provide-Inject )
- 24異步加載(Lazy loading)
- 25自定義指令(Custom Directives)
- 26KeepAlive 與 Teleport 內置組件
- 27VeeValidate 表單驗證工具
- 28官方 Vue Router 的應用與技巧
- 29Composables(組合式函數)
- 30新手村的鐵人證書 - 完賽心得