iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

勇者鬥Vue龍 系列

用30天介紹前端框架Vue.js

鐵人鍊成 | 共 32 篇文章 | 214 人訂閱 訂閱系列文 RSS系列文 團隊一閃一閃小星星
DAY 21

Vue.js Core 30天屠龍記(第21天): 組件間的資料傳輸

父組件及子組件由於屬於不同的實體,不能直接在一個組件上使用另一個組件的方法或是修改資料,而是必須要使用 props 屬性及 $emit 方法來進行溝通。 子組...

2018-11-05 ‧ 由 Peter Chen 分享
DAY 22

Vue.js Core 30天屠龍記(第22天): 組件註冊

組件有兩個方式可以註冊: 全域註冊及區域註冊。 全域註冊是直接在 Vue 物件中註冊組件,在整個 Vue.js 應用程式中都可以使用這個組件。 而區域註冊是在各...

2018-11-06 ‧ 由 Peter Chen 分享
DAY 23

Vue.js Core 30天屠龍記(第23天): `props` 屬性

子組件可以設定 props 屬性,而父組件可以將這些屬性用 DOM 客製屬性設定在子組件上,在子組件內就可以當作實體中的屬性使用,本文會詳細的介紹 props...

2018-11-07 ‧ 由 Peter Chen 分享
DAY 24

Vue.js Core 30天屠龍記(第24天): 屬性驗證

props 最簡單的宣告方式就是使用陣列宣告,但 props 其實可以用物件宣告,而物件中可以定義此屬性的類型、驗證器等等,本文將介紹如何在屬性宣告中加入各式的...

2018-11-08 ‧ 由 Peter Chen 分享
DAY 25

Vue.js Core 30天屠龍記(第25天): 屬性注意事項

前兩章說明如何設定屬性及其進階的定義方式,本文要來聊聊關於屬性需要注意的事項。 屬性的資料流是單向的 在之前有提到 props 屬性是父組件跟子組件溝通的方式,...

2018-11-09 ‧ 由 Peter Chen 分享
DAY 26

Vue.js Core 30天屠龍記(第26天): 客製事件

前面用三章的篇幅介紹 Props ,接著本文要來介紹組件的另一個重要的部分: 事件,在 Vue.js 中使用 v-on 可以設定某事件觸發後要做的事情,而組件上...

2018-11-10 ‧ 由 Peter Chen 分享
DAY 27

Vue.js Core 30天屠龍記(第27天): 插槽

Vue.js 實作了 Web Component 的 Slots , Slots 可以將父組件所設定的內容分配至子組件中。 插槽內容 在子組件中設定 <s...

2018-11-11 ‧ 由 Peter Chen 分享
DAY 28

Vue.js Core 30天屠龍記(第28天): 動態組件

前面在講組件基礎時有提到在 <component> 中加上 is 的屬性,綁定一個變數,這個 <component> 元素就會依照這個變...

2018-11-12 ‧ 由 Peter Chen 分享
DAY 29

Vue.js Core 30天屠龍記(第29天): 非同步組件

在大型專案中,我們會需要在入大量的組件,這時候就可以使用非同步組件在需要時在載入需要的組件。 定義非同步組件 原本的 Vue.component 第二個參數是放...

2018-11-13 ‧ 由 Peter Chen 分享
DAY 30

Vue.js Core 30天屠龍記(第30天): 結尾

本文是鐵人賽的第三十篇文章,在這三十天中,我把 Vue.js 又從頭在看了一遍,原以為已經熟悉的框架,沒想到在寫文章的時候還是遇到了很多不清楚或是觀念模糊的地方...

2018-11-14 ‧ 由 Peter Chen 分享