iT邦幫忙

鐵人檔案

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

Vue.js 30天 系列

30天上手Vue.js

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

Vue.js 11 - DOM事件處理

Vue 資料與畫面同步的概念很簡單。 data 更新、UI隨之更新; 反過來,使用者輸入更改UI上的數值, data 得跟著更新。 回顧前面介紹過的兩種 d...

2016-12-26 ‧ 由 Ralph 分享
DAY 12

Vue.js 12 - 表單輸入綁定

這篇是 資料綁定(data-binding) 的補充,將我們常用的輸入介面與Vue的資料綁在一起。 若是漏了前面章節,可以回去翻翻 Vue.js 05 -...

2016-12-27 ‧ 由 Ralph 分享
DAY 13

Vue.js 13 - 組件/元件(Component) - 用途及使用方式

這篇是 Vue Instance 和基本結構的延伸,請參考 Vue.js 02 - 結構 Vue.js 04 - Vue Instance 前面的範...

2016-12-28 ‧ 由 Ralph 分享
DAY 14

Vue.js 14 - 組件/元件(Component) - 包裝方式及內部狀態

利眼人應該發現 組件/元件(Component) 有些屬性,Vue Instance 不曾用過,這篇開始介紹差異之處,這些屬性如何用、用來幹嘛。 上一篇提過,...

2016-12-29 ‧ 由 Ralph 分享
DAY 15

Vue.js 15 - 組件/元件(Component) - 自訂事件及對外溝通

前面介紹過屬性 data (宣告內部狀態) props (宣告對外介面 - 用於傳入資料) 這篇介紹這張圖的另外一半,用於傳出資訊的事件(event) Vu...

2016-12-30 ‧ 由 Ralph 分享
DAY 16

Vue.js 16 - 組件/元件(Component) - 樣板宣告及動態插入內容

前面介紹過 data (宣告內部狀態) props (宣告對外介面 - 用於傳入資料) event (觸發父層事件 - 用於傳出資料) 接下來要介紹 樣板(...

2016-12-31 ‧ 由 Ralph 分享
DAY 17

Vue.js 17 - 生命週期(Lifecycle)

在講組件掛載之前,發現前面漏寫了Vue的生命週期,這邊先岔個題、簡單說明。 Vue會把資料跟樣板綁在一起,使得開發者不需要自己做雜事,只需宣告好資料、要放在哪。...

2017-01-01 ‧ 由 Ralph 分享
DAY 18

Vue.js 18 - 組件/元件(Component) - 組件掛載及限制

使用組件有三個步驟 宣告建構子(Constructor) 註冊組件(Regist Component)2.5 建立組件(Create Component) 掛...

2017-01-02 ‧ 由 Ralph 分享
DAY 19

Vue.js 19 - 組件/元件(Component) - 其他補充

列完大綱,這篇還在寫,晚點再來看吧。 組件(component)間的其他連結 Vue.js 14、Vue.js 15 兩篇分別介紹組件內外資料交換的標準途徑,其...

2017-01-03 ‧ 由 Ralph 分享
DAY 20

Vue.js 20 - Ajax取得資料 - vue-resource

倒數10天,接下來將介紹Vue生態圈有什麼現成套件。 前面範例講解了如何操作Vue Instance的資料,接下來呢? 何不拿後端現成的資料來玩玩? 有不少選擇...

2017-01-04 ‧ 由 Ralph 分享