iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 30
0
自我挑戰組

每天來點 Vue.js 吧系列 第 30

每天來點 Vue.js 吧 目錄&總結

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 gettersetter 的那些事
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 之前刪補的部分會陸續補上


上一篇
Vue 動態組件
系列文
每天來點 Vue.js 吧30

1 則留言

0
Penghua
iT邦新手 5 級 ‧ 2020-10-16 08:16:50

恭喜完賽!!/images/emoticon/emoticon01.gif

我要留言

立即登入留言