iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
自我挑戰組

Vuex 學習筆記 系列

Vuex 介紹與使用教學

參賽天數 3 天 | 共 20 篇文章 | 41 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Vue.js] Vuex 學習筆記 (1) - 基礎介紹

什麼是 Vuex ? Vuex 是一個專為 Vue.js 來做使用的狀態管理模式與文庫,它作為應用程序中所有組件的集中存儲區,並在規則下確保只能以可預測的方式對...

2017-12-06 ‧ 由 Nomi Su 分享
DAY 2

[Vue.js] Vuex 學習筆記 (2) - Vuex 安裝方式

以下列出幾種安裝 Vuex 的方式: 直接下載或是使用CDN <script src="/path/to/vue.js">&l...

2017-12-07 ‧ 由 Nomi Su 分享
DAY 3

[Vue.js] Vuex 學習筆記 (3) - 簡單應用

當我們用 vue-cli 建立好專案後,我們在 src/main.js 內修改程式碼: import Vue from 'vue'; import Vuex...

2017-12-08 ‧ 由 Nomi Su 分享
DAY 3

[Vue.js] Vuex 學習筆記 (4) - state 的核心概念

State 單一狀態樹 (Single State Tree) Vuex 使用單一狀態樹,這是一個物件包含了全部應用層的狀態與供應單一數據來源 (Single...

2017-12-10 ‧ 由 Nomi Su 分享
DAY 3

[Vue.js] Vuex 學習筆記 (5) - getters 的核心概念

Getter 為什麼需要使用 getters ? 在某些時候我們需要 computed store` 中的 state ,例如在 to do list 內取得完...

2017-12-10 ‧ 由 Nomi Su 分享
DAY 3

[Vue.js] Vuex 學習筆記 (6) - mapState 與 mapGetters 合併使用

合併使用 我們在實際開發時, computed 內容並不會像前兩章的範例那樣簡單,有時我們需要將本地組件的 computed 或是 mapState 與 map...

2017-12-11 ‧ 由 Nomi Su 分享
DAY 3

[Vue.js] Vuex 學習筆記 (7) - mutations 的核心概念

Mutations 提交 mutations 是改變 Vuex 中 store 的唯一方式。 mutations 非常類似於組件中的事件(event),每個 m...

2017-12-12 ‧ 由 Nomi Su 分享
DAY 3

[Vue.js] Vuex 學習筆記 (8) - actions 的核心概念

Actions Actions 類似於 mutations,但仍然有些不同: Action 提交(commit)的是 mutations ,而不是直接變更 s...

2017-12-13 ‧ 由 Nomi Su 分享
DAY 3

[Vue.js] Vuex 學習筆記 (9) - modules 的核心概念

Modules 由於使用單一狀態樹(single state tree),應用的所有狀態會集中到一個比較大的物件,當應用變得非常複雜時, store 物件可能變...

2017-12-19 ‧ 由 Nomi Su 分享
DAY 3

[Vue.js] Vuex 學習筆記 (10) - 專案結構

專案結構 Vuex 並不限制你的程式碼結構,但仍然有規定了一些需要遵守的規則: 應用層級的 state 應該要集中到單個 store 物件中。 提交 mut...

2017-12-20 ‧ 由 Nomi Su 分享