iT邦幫忙

鐵人檔案

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

30天學會Vue.js 系列

我將嘗試在30天內學習Vue.js同時完成一個專案並讓他上線

參賽天數 7 天 | 共 8 篇文章 | 46 人訂閱 訂閱系列文 RSS系列文
DAY 1

達標好文 Day 0-1 動機介紹&Vue.js初探

前言 大家好,我是DC,機械系學生自學網頁程式設計,過去前端和後端都接觸過,後端寫過Node.js、PHP、ROR、Django,前端只用過Bootstrap之...

2016-12-01 ‧ 由 DanielChen 分享
DAY 2

Day 2 Vue條件判斷、迴圈

昨天介紹了基本語法,將data link進DOM element的內容中,今天將介紹如何將data link到element的attribute裡以及條件、迴圈...

2016-12-02 ‧ 由 DanielChen 分享
DAY 3

Day 3 Vue使用者輸入、自定義元件

昨天講了基本的邏輯方法—條件與迴圈,今天要來處理使用者輸入,動態網頁一定會碰到要和使用者互動的情境,如點擊、輸入資料等,此外今天也會講到vue怎麼自定義dom元...

2016-12-03 ‧ 由 DanielChen 分享
DAY 4

Day 4 Vue物件

vue的基本介紹與語法前三天已經介紹完了,基本過程是先載入vue.js,然後在html裡面寫templete,在js裡面宣告vue物件綁定至dom並寫入data...

2016-12-04 ‧ 由 DanielChen 分享
DAY 5

Day 5 Vue模板

今天要介紹Vue的模板語法,Vue使用HTML-based的模板語法,並將模板compile成virtual DOM,然後和vue物件中的data進行雙向綁定,...

2016-12-05 ‧ 由 DanielChen 分享
DAY 6

Day 6 Vue模板-2

昨天講到的模板語法都是跟插入內容有關,不管是插入文字內容、插入HTML內容、插入屬性內容 不過稍微修正一下昨天的說法,昨天說模板系統分成插入跟指令,今天仔細讀了...

2016-12-06 ‧ 由 DanielChen 分享
DAY 7

Day 7 Vue模板-3

昨天談到了指示子的一些性質與用法,今天要介紹filter,寫過angular的應該對這語法不陌生 filter filter直譯是過濾器,但寫過濾器好像有種要把...

2016-12-07 ‧ 由 DanielChen 分享
DAY 7

Day 8 Vue 計算屬性及屬性監看

回歸 嗨各位,時隔兩年回來繼續完成這個系列,所有文章會同步發表到我的 部落格,因為隔有點久了之前的內容可能會有所出入,目前來看大框架和之前都一樣,若有發現相異處...

2019-03-06 ‧ 由 DanielChen 分享