iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

每天來點 Vue.js 吧 系列

剛入行的菜鳥前端,希望透過鐵人賽的三十天重新檢視學習 Vue 。文章內容以 vuejs.org 為主要來源,會附上自己想的一些小範例及心得,歡迎交流 😳 。

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文
DAY 21

Vue component 上該如何使用 v-model ?

tags: Vuejs v-model ✐ v-model 作用於表單元件上時,是 雙向數據綁定 的語法糖: <input v-model="n...

2020-10-06 ‧ 由 RURU Tseng 分享
DAY 22

Prop Validation

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

2020-10-07 ‧ 由 RURU Tseng 分享
DAY 23

對 Vue component 傳入非 Prop 的 attribute

tags: Vuejs Vue component 可以傳入 prop attribute 以及 non-prop attribute 兩種 attribute...

2020-10-08 ‧ 由 RURU Tseng 分享
DAY 24

Vue .sync Modifier

tags: Vuejs fixing 若是文中有任何錯誤、錯字、想討論的內容,歡迎各位大大不吝鞭笞指正、交流分享,筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 git...

2020-10-09 ‧ 由 RURU Tseng 分享
DAY 25

Vue 透過 `$listeners` 在子組件特定元素上監聽原生事件

tags: Vuejs 監聽子組件原生事件 ✐ 當父組件需要接收子組件訊息、數據時,可以透過在子組件 自定義事件 達成,除此之外若是需要監聽子組件 根元素 原生...

2020-10-10 ‧ 由 RURU Tseng 分享
DAY 26

Vue slot:編譯作用域、後備內容

tags: Vuejs <slot> 是什麼? ✐ Vue 中的 <slot> 是 Vue 內置的組件 build-in compone...

2020-10-11 ‧ 由 RURU Tseng 分享
DAY 27

Vue slot: 具名插槽

tags: Vuejs 具名插槽 ✐ 若是需要多個插槽,可以在 <slot> 中使用 name attribute,定義命名的插槽,可以定義具有多個...

2020-10-12 ‧ 由 RURU Tseng 分享
DAY 28

Vue slot:作用域插槽、具名插槽的縮寫

tags: Vuejs 作用域插槽 <slot> 內容在父模板編譯,基於 Vue 的定義,在父模板中編譯的內容訪問 parent scope,在子模...

2020-10-13 ‧ 由 RURU Tseng 分享
DAY 29

Vue 動態組件

tags: Vuejs 動態組件 ✐ 動態組件可以幫助我們動態切換組件,例如在網頁的多標籤介面中常見到動態切換組件的需求,便是動態組件能幫忙的場景之一。 使用...

2020-10-14 ‧ 由 RURU Tseng 分享
DAY 30

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

tags: Vuejs 本次鐵人作為進入 Vue 3 的前的粗淺回顧,簡單介紹了 Vue 2 官網的內容,雖然有許多不足,中段開始時間調控上做的也不如預期,但在...

2020-10-15 ‧ 由 RURU Tseng 分享