iT邦幫忙

鐵人檔案

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

勇者鬥Vue龍 系列

用30天介紹前端框架Vue.js

鐵人鍊成 | 共 32 篇文章 | 214 人訂閱 訂閱系列文 RSS系列文 團隊一閃一閃小星星
DAY 1

達標好文 Vue.js Core 30天屠龍記(第1天): 前言

這幾年的前端早已不再是 JQuery 獨大的世界,取而代之的是群雄割據的局面,而在眾多框架中脫穎而出的是 Vue.js 、 React 以及 Angular 。...

2018-10-16 ‧ 由 Peter Chen 分享
DAY 2

達標好文 Vue.js Core 30天屠龍記(第2天): 初探 Vue.js

基本原理 Vue.js 是處理 View Layer 的 Library ,使用 Vue.js 時,我們會操作 View Model (也就是 Vue.js 的...

2018-10-17 ‧ 由 Peter Chen 分享
DAY 3

Vue.js Core 30天屠龍記(第3天): Vue 實例

每一個 Vue 的應用都是從 Vue 實例(Instance)開始的,在建立實例後,我們可以透過操作實例中的物件來改變頁面的配置,因此在使用 Vue.js 前,...

2018-10-18 ‧ 由 Peter Chen 分享
DAY 4

達標好文 Vue.js Core 30天屠龍記(第4天): Vue 實體的生命週期

一個 Vue 實體有生老病死,而 Vue 實體會在各個生命階段提供鉤子事件( Hook Event )讓開發者可以在實體的不同階段做想要的處理,本文介紹各個 H...

2018-10-19 ‧ 由 Peter Chen 分享
DAY 5

Vue.js Core 30天屠龍記(第5天): 模板語法 Part 1 - Mustache 標籤

模板語法是 Vue.js 中常用的技術,除非你的應用程式不用渲染畫面或是直接使用 Render Function ,否則這是每個 Vue 開發者必學的技術之一。...

2018-10-20 ‧ 由 Peter Chen 分享
DAY 6

Vue.js Core 30天屠龍記(第6天): 模板語法 Part 2 - Directives

模板語法 Part 2 - Directives 前一章談到了 Mustache 標籤: 可以把實體的資料響應在頁面上的 {{}} ,這次來看看另一個語法 Di...

2018-10-21 ‧ 由 Peter Chen 分享
DAY 7

Vue.js Core 30天屠龍記(第7天): 計算屬性

在模板中可以放入 JavaScript 表達式來做運算,在簡單的例子中很方便,但在真正開發時,會造成兩個問題: 在模板內寫表達式,會看到 HTML 內穿插著...

2018-10-22 ‧ 由 Peter Chen 分享
DAY 8

Vue.js Core 30天屠龍記(第8天): 監聽器( watch )

Vue 提供了監聽器,當資料變化時叫用函數,函數會有兩個傳入參數: 改變前的值、改變後的值,可以使用這個函數做跟此資料變化有關的處理。 介紹 監聽器在 Vue....

2018-10-23 ‧ 由 Peter Chen 分享
DAY 9

Vue.js Core 30天屠龍記(第9天): 計算屬性與監聽器的比較

Vue 的計算屬性會在有關的資料產生變化時觸發 callback 函數更新屬性值,而監聽器則是以監聽單個資料變化為主,當監聽的資料產生變化時會觸發 callba...

2018-10-24 ‧ 由 Peter Chen 分享
DAY 10

Vue.js Core 30天屠龍記(第10天): Class 的綁定

v-bind 可以綁定各種不同的屬性,其中 Class 及 Style 的綁定較為特別,它們可以利用陣列或是物件綁定對應的 Class/Style 字串,現在讓...

2018-10-25 ‧ 由 Peter Chen 分享