iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

vue.js 30天學習軌跡 系列

紀錄30天的學習軌跡

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

Day1 vue.js -起手式

Vue.js 是什麼? 簡單輕量的js框架 與第三方庫或既有項目整合 資料雙向綁定,使資料流更容易被掌握,執行效率較好 聽說對初學者友善、且入門容易 ((深...

2019-09-04 ‧ 由 分享
DAY 2

Day2 vue.js - 建立第一個vue吧

每個 Vue 應用都是通過用 Vue 函數創建一個新的 Vue 實例開始的: 雖然沒有完全遵循 MVVM模型,但是 Vue 的設計也受到了它的啟發。因此在文...

2019-09-05 ‧ 由 分享
DAY 3

Day3 vue.js - v-bind屬性綁定

好的 ~ 今天了解 v-bindv-bind 主要用於html屬性的綁定,例如class、style、src、href...等等的屬性,就可使用v-bind指...

2019-09-06 ‧ 由 分享
DAY 4

Day4 vue.js - 初探v-on指令

v-on是用來綁定事件監聽器,用在普通元素上時,只能監聽原生 DOM 事件。用在自定義元素組件上時,也可以監聽子組件觸發的自定義事件。 可以用 v-on 指令...

2019-09-07 ‧ 由 分享
DAY 5

Day5 vue.js - v-on 修飾符

v-on是用來綁定事件監聽器,用在普通元素上時,只能監聽原生 DOM 事件。用在自定義元素組件上時,也可以監聽子組件觸發的自定義事件。 事件修飾符 這裡有範例...

2019-09-08 ‧ 由 分享
DAY 6

Day6 vue.js - 動態切換className 與 style

如題 今天要來學習的是 動態切換className 與 style這是範例 為.box 加上動態 class :class="{ 'classNam...

2019-09-09 ‧ 由 分享
DAY 7

Day7 vue.js - computed計算屬性

今天來到了 computed計算屬性了 ! 模板內可以使用表達示,這點非常的方便,但是設計它們的初衷是用於簡單運算的。但是在模板中放入太多的邏輯會讓模板過重且...

2019-09-10 ‧ 由 分享
DAY 8

Day8 vue.js -v-model 雙向綁定(1)

v-model 是綁定在表單元件或自訂元件上,為實現雙向綁定用的。 ex: <input>、<textarea>、<select...

2019-09-11 ‧ 由 分享
DAY 9

Day9 vue.js - 迴圈v-for

使用v-for多次渲染元素或模板塊 陣列 v-for="( 疊代的元素 , 索引 ) in 要抓取的資料" DEMO <ul>...

2019-09-12 ‧ 由 分享
DAY 10

Day10 vue.js - v-model 雙向綁定 (2)

v-model 是綁定在表單元件或自訂元件上,為實現雙向綁定用的。ex: input、textarea、select 使用v-for 製作select 上篇學...

2019-09-13 ‧ 由 分享