iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

30天手把手的vue.js教學! 系列

介紹熱門的前端框架vue.js,讓新手一步步的了解各種屬性、語法的使用,最終打造簡單的小型專案!

鐵人鍊成 | 共 30 篇文章 | 66 人訂閱 訂閱系列文 RSS系列文 團隊Outcome First
DAY 11

2020it邦鐵人賽-30天手把手的Vue.js教學 Day11 - 認識Vue Components

tags: Vue.js ItIron2020 前言 昨天我們介紹了Vue生命週期的概念,那是個有些抽象難懂的概念,坦白說我那篇文章下方的參考文章都寫得比我清楚...

2020-09-24 ‧ 由 windate3411 分享
DAY 12

2020it邦鐵人賽-30天手把手的Vue.js教學 Day12 - 認識props屬性,從外向內的資料傳遞

tags: Vue.js ItIron2020 前言 昨天我們介紹了vue組件的概念,在之後你會慢慢了解到一個vue打造的應用程式,其實就是由一堆組件疊加起來的...

2020-09-25 ‧ 由 windate3411 分享
DAY 13

2020it邦鐵人賽-30天手把手的Vue.js教學 Day13 - 認識emit客製事件,由內向外的資料傳遞

tags: Vue.js ItIron2020 前言 昨天我們了解到在vue中,父層如何利用props屬性傳遞資料給子層,藉此讓我們建立的組件能有預期的輸出結果...

2020-09-26 ‧ 由 windate3411 分享
DAY 14

2020it邦鐵人賽-30天手把手的Vue.js教學 Day14 - 認識插槽slot基礎用法

tags: Vue.js ItIron2020 前言 前兩天我們已經介紹完vue中父子組件如何利用props & emit做溝通,到此為止你其實已經可以...

2020-09-27 ‧ 由 windate3411 分享
DAY 15

2020it邦鐵人賽-30天手把手的Vue.js教學 Day15 - 認識Single file components(SFC)

tags: Vue.js ItIron2020 前言 我們在之前認識了vue實體、vue組件以及如何在父子層的組件透過props & emit相互溝通,...

2020-09-28 ‧ 由 windate3411 分享
DAY 16

2020it邦鐵人賽-30天手把手的Vue.js教學 Day16 - 認識vue-cli,建立第一個本地的vue專案!

tags: Vue.js ItIron2020 前言 至此為止我們所有的demo都是利用vue-pen進行,這半個月中我們介紹了許多vue屬性、指令,元件等核心...

2020-09-29 ‧ 由 windate3411 分享
DAY 17

2020it邦鐵人賽-30天手把手的Vue.js教學 Day17 - 認識EventBus,實現子層組件間的相互溝通

tags: Vue.js ItIron2020 前言 我們在昨天介紹了vue-cli這個好東西,利用它可以超快速的打造一個完整的vue專案,同時也簡單介紹了專案...

2020-09-30 ‧ 由 windate3411 分享
DAY 18

2020it邦鐵人賽-30天手把手的Vue.js教學 Day18- 建立簡單的store集中管理資料吧!

tags: Vue.js ItIron2020 前言 我們在昨天的文章介紹了event bus的概念,截至目前為止關於資料管理我們已經學到了 父子層元件的溝通...

2020-10-01 ‧ 由 windate3411 分享
DAY 19

2020it邦鐵人賽-30天手把手的Vue.js教學 Day19 - 認識vuex(上)

tags: Vue.js ItIron2020 前言 昨天我們利用了一個簡易的global store介紹了store的基礎概念,今天我們則要延伸那樣的資料集中...

2020-10-02 ‧ 由 windate3411 分享
DAY 20

2020it邦鐵人賽-30天手把手的Vue.js教學 Day20 - 認識vuex(下)

tags: Vue.js ItIron2020 前言 昨天我們介紹了怎麼在vue-cli專案中安裝vuex套件,同時介紹了基本的vuex store結構與sta...

2020-10-03 ‧ 由 windate3411 分享