系列文章
|D21| 從原始碼看 Vue 響應式原理 (7) - computed
computed 是計算屬性，要依賴其他屬性值，經過計算後返回一個值，用來處理基於數據之上的數據。只在 computed 相關依賴發生改變才會重新求值。 以下面...
|D22| 從原始碼看 Vue 響應式原理 (8) - watch
watch 是監聽屬性，當在數據發生變化時，需要執行異步或比較複雜的操作，watch 會比 computed 適合。watch 的 callback 裡會傳入監...
|D23| 從原始碼看 Vue 擴展 (1) - 自定義 event
除了原生 DOM 事件，Vue 可以自定義事件，但只能作用在元件上。如果要在元件上使用原生事件，需要加 .native 修飾詞，普通元素上使用 .native...
|D24| 從原始碼看 Vue 擴展 (3) - v-model
以下面範例來說，在 input 輸入的內容，message 會同步變化 <div id="app"> <input v...
|D25| 從原始碼看 Vue 擴展 (4) - slot
vue 的 slot 可以讓元件更靈活。 以便編譯順序來說，會先編譯父元件，然後才是子元件 // src/compiler/parser/index.js f...
|D26| 自定義元件的資料綁定與`$event`
我們定義了一個 my-input 元件，以符合設計稿需求 <template> <input class="my-inpu...
|D27| vuex 表單處理
vuex 是用來集中處理資料的地方，假設我們要管理 user 資料，透過 getters 顯示資料，透過 commit 觸發 mutations 裡的 func...
|D28| 用 vuex 實作資料操作
在ㄧ開始學習 vuex 觀念的時候，還有點搞不清楚怎麼區分資料，於是找了一個小練習實作。 我們有一個簡單的員工資料庫，用幾隻 API 來實作員工資料的 CRUD...
|D29| vue-router 過場動畫
先創建 router/index.js import VueRouter from 'vue-router' import Home from '../comp...
|D30| 照慣例，完賽心得和總目錄
心得 終於迎來完賽時刻！恭喜好想的夥伴都撐過了！30 天被 Slack 追殺壓力山大阿！ 回想 30 天前說要寫個技術系列文，但讀原始碼對我來說，就像踏進...