系列文章
Vue.js Core 30天屠龍記(第1天): 前言
這幾年的前端早已不再是 JQuery 獨大的世界，取而代之的是群雄割據的局面，而在眾多框架中脫穎而出的是 Vue.js 、 React 以及 Angular 。...
Vue.js Core 30天屠龍記(第2天): 初探 Vue.js
基本原理 Vue.js 是處理 View Layer 的 Library ，使用 Vue.js 時，我們會操作 View Model (也就是 Vue.js 的...
Vue.js Core 30天屠龍記(第3天): Vue 實例
每一個 Vue 的應用都是從 Vue 實例(Instance)開始的，在建立實例後，我們可以透過操作實例中的物件來改變頁面的配置，因此在使用 Vue.js 前，...
Vue.js Core 30天屠龍記(第4天): Vue 實體的生命週期
一個 Vue 實體有生老病死，而 Vue 實體會在各個生命階段提供鉤子事件( Hook Event )讓開發者可以在實體的不同階段做想要的處理，本文介紹各個 H...
Vue.js Core 30天屠龍記(第5天): 模板語法 Part 1 - Mustache 標籤
模板語法是 Vue.js 中常用的技術，除非你的應用程式不用渲染畫面或是直接使用 Render Function ，否則這是每個 Vue 開發者必學的技術之一。...
Vue.js Core 30天屠龍記(第6天): 模板語法 Part 2 - Directives
模板語法 Part 2 - Directives 前一章談到了 Mustache 標籤: 可以把實體的資料響應在頁面上的 {{}} ，這次來看看另一個語法 Di...
Vue.js Core 30天屠龍記(第7天): 計算屬性
在模板中可以放入 JavaScript 表達式來做運算，在簡單的例子中很方便，但在真正開發時，會造成兩個問題: 在模板內寫表達式，會看到 HTML 內穿插著...
Vue.js Core 30天屠龍記(第8天): 監聽器( watch )
Vue 提供了監聽器，當資料變化時叫用函數，函數會有兩個傳入參數: 改變前的值、改變後的值，可以使用這個函數做跟此資料變化有關的處理。 介紹 監聽器在 Vue....
Vue.js Core 30天屠龍記(第9天): 計算屬性與監聽器的比較
Vue 的計算屬性會在有關的資料產生變化時觸發 callback 函數更新屬性值，而監聽器則是以監聽單個資料變化為主，當監聽的資料產生變化時會觸發 callba...
Vue.js Core 30天屠龍記(第10天): Class 的綁定
v-bind 可以綁定各種不同的屬性，其中 Class 及 Style 的綁定較為特別，它們可以利用陣列或是物件綁定對應的 Class/Style 字串，現在讓...