iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

技術在走,Vue.js 要有 系列

用30天的時間,跟著文件脈絡玩玩 vue.js

鐵人鍊成 | 共 30 篇文章 | 71 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v3.0
DAY 21

|D21| 從原始碼看 Vue 響應式原理 (7) - computed

computed 是計算屬性,要依賴其他屬性值,經過計算後返回一個值,用來處理基於數據之上的數據。只在 computed 相關依賴發生改變才會重新求值。 以下面...

2019-10-06 ‧ 由 mangoSu 分享
DAY 22

|D22| 從原始碼看 Vue 響應式原理 (8) - watch

watch 是監聽屬性,當在數據發生變化時,需要執行異步或比較複雜的操作,watch 會比 computed 適合。watch 的 callback 裡會傳入監...

2019-10-07 ‧ 由 mangoSu 分享
DAY 23

|D23| 從原始碼看 Vue 擴展 (1) - 自定義 event

除了原生 DOM 事件,Vue 可以自定義事件,但只能作用在元件上。如果要在元件上使用原生事件,需要加 .native 修飾詞,普通元素上使用 .native...

2019-10-08 ‧ 由 mangoSu 分享
DAY 24

|D24| 從原始碼看 Vue 擴展 (3) - v-model

以下面範例來說,在 input 輸入的內容,message 會同步變化 <div id="app"> <input v...

2019-10-09 ‧ 由 mangoSu 分享
DAY 25

|D25| 從原始碼看 Vue 擴展 (4) - slot

vue 的 slot 可以讓元件更靈活。 以便編譯順序來說,會先編譯父元件,然後才是子元件 // src/compiler/parser/index.js f...

2019-10-10 ‧ 由 mangoSu 分享
DAY 26

|D26| 自定義元件的資料綁定與`$event`

我們定義了一個 my-input 元件,以符合設計稿需求 <template> <input class="my-inpu...

2019-10-11 ‧ 由 mangoSu 分享
DAY 27

|D27| vuex 表單處理

vuex 是用來集中處理資料的地方,假設我們要管理 user 資料,透過 getters 顯示資料,透過 commit 觸發 mutations 裡的 func...

2019-10-12 ‧ 由 mangoSu 分享
DAY 28

|D28| 用 vuex 實作資料操作

在ㄧ開始學習 vuex 觀念的時候,還有點搞不清楚怎麼區分資料,於是找了一個小練習實作。 我們有一個簡單的員工資料庫,用幾隻 API 來實作員工資料的 CRUD...

2019-10-13 ‧ 由 mangoSu 分享
DAY 29

|D29| vue-router 過場動畫

先創建 router/index.js import VueRouter from 'vue-router' import Home from '../comp...

2019-10-14 ‧ 由 mangoSu 分享
DAY 30

|D30| 照慣例,完賽心得和總目錄

心得 終於迎來完賽時刻!恭喜好想的夥伴都撐過了!30 天被 Slack 追殺壓力山大阿! 回想 30 天前說要寫個技術系列文,但讀原始碼對我來說,就像踏進...

2019-10-15 ‧ 由 mangoSu 分享