iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

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

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

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

# 2020it邦鐵人賽-30天手把手的Vue.js教學 Day1-什麼是Vue.js?

tags: Vue.js ItIron2020 前言 第一次參加鐵人賽,首先還是不可免俗地說一下為什麼會選擇這樣的主題參賽,一直以來每當我需要學習新東西的時候,...

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

# 2020it邦鐵人賽-30天手把手的Vue.js教學 Day2-認識Vue.js中的data & methods屬性!

tags: Vue.js ItIron2020 前言 我們在昨天的文章中簡單介紹了vue.js以及如何利用線上編輯器打造你最初的vue.js專案,其中我們知道你...

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

# 2020it邦鐵人賽-30天手把手的Vue.js教學 Day3-認識vue directives(上)

tags: Vue.js ItIron2020 前言 我們在昨天的文章中介紹了vue實體中最重要的兩個屬性,data & methods,並且成功的將我...

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

2020it邦鐵人賽-30天手把手的Vue.js教學 Day4-認識vue directives(中) v-if & v-for

tags: Vue.js ItIron2020 前言 上一篇文章我們介紹了什麼是vue directives以及v-bind & v-on這兩個實用的小...

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

2020it邦鐵人賽-30天手把手的Vue.js教學 Day5-認識vue directives(下) v-model & custom directives

tags: Vue.js ItIron2020 前言 前天我們介紹了v-if 、 v-show & v-for 三種不同的vue directives,...

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

2020it邦鐵人賽-30天手把手的Vue.js教學 Day6-打鐵趁熱,利用所學打造簡單的計算機專案吧!

tags: Vue.js ItIron2020 前言 前幾天下來,其實我們已經學了足夠的東西讓我們打造一個小型的vue專案了! 今天就用一個簡單的計算機app來...

2020-09-19 ‧ 由 windate3411 分享
DAY 7

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

tags: Vue.js ItIron2020 前言 昨天我們利用了一個簡單的計算機專案複習了目前為止所學的東西,在繼續往下介紹vue之前,今天要臨時插入一個小...

2020-09-20 ‧ 由 windate3411 分享
DAY 8

2020it邦鐵人賽-30天手把手的Vue.js教學 Day8 - 認識computed屬性

tags: Vue.js ItIron2020 前言 在昨天輕鬆的內容中我們介紹了如何利用vue-devtool去協助你了解組件中到底發生了什麼事情,在日後會是...

2020-09-21 ‧ 由 windate3411 分享
DAY 9

2020it邦鐵人賽-30天手把手的Vue.js教學 Day9 - 認識watch屬性

tags: Vue.js ItIron2020 前言 昨天我們簡單介紹了computed屬性並比較了它與methods屬性的主要差別,今天我們則要繼續地看剩下的...

2020-09-22 ‧ 由 windate3411 分享
DAY 10

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

tags: Vue.js ItIron2020 前言 昨天我們介紹了vue實體中的watch屬性,到目前為止我們都在探索vue中的各種屬性,今天的主題會較為特別...

2020-09-23 ‧ 由 windate3411 分享