tags: Vuejs

本次鐵人作為進入 Vue 3 的前的粗淺回顧，簡單介紹了 Vue 2 官網的內容，雖然有許多不足，中段開始時間調控上做的也不如預期，但在後期加入 3 的法則 後有顯著改善了效果，總而言之，很開心順利的結束，好日子要來了（大誤 再亂看片啊），Vue 3 直通車開起來。

就實際應用及寫法上官網提供的內容比較簡略，本次鐵人也沒有提及到這部分，在此推推 berwin 的文章，對我幫助甚多。

本系列涵蓋內容

Vue 在作者 Evan You 的設計定位中是一套漸進式（The Progressive Framework）框架，框架本身涵蓋的內容包含聲明式渲染、組件系統、客戶端路由、狀態管理等，彼此是不耦合的 library，本系列會提及核心的 core library 聲明式渲染及組件系統的使用及介紹，內容來源為 Vue2.x 官方 Guide。

目錄

歷史

Vue 原來是法語？ Vue 的超簡短歷史介紹

安裝起步

工欲善其事，必先利其器 ⚙︎ Vue 開發環境建置

基礎使用

一切的基礎：Vue instance
Vue instance 生命週期 ✦
Vue computed property getter 與 setter 的那些事
Vue computed 與 method 的差異比較

模板

Vue template 模板語法

指令

Vue Class Bindings
Vue Conditional Rendering 條件渲染
Vue v-on 事件處理
v-for 列表渲染
Vue 雙向數據綁定的語法糖 v-model ✔︎

component

Vue components 組件的抽象概念 ✏︎
Vue component 父組件向子組件傳遞數據的方法 - Prop（上）
Vue component 父組件向子組件傳遞數據的方法 - Prop（下）
Vue 自定義事件 - 拋出子組件數據
Vue component 上該如何使用 v-model ？
對 Vue component 傳入非 Prop 的 attribute
Vue 透過 $listeners 在子組件特定元素上監聽原生事件
Vue slot：編譯作用域、後備內容
Vue slot： 具名插槽
Vue slot：作用域插槽、具名插槽的縮寫
Vue 動態組件

以上為此次內容，感謝看到這裡的你，我們明天不見 XD。

若是文中有任何錯誤、錯字、想討論的內容，歡迎各位大大不吝鞭笞指正、交流分享，筆者不慎感激 ✦ ✦ ✦

▶︎ 筆者 github：https://github.com/YUN-RU-TSENG
▶︎ 老王賣瓜之筆者另一篇鐵人：每天來點 CSS Specification

▶︎ 倘若不斷向深處扎根，似乎就能茁壯成長 - RM

參考資料：

1. Vuejs.org 2.x

ps 之前刪補的部分會陸續補上