vuex 1,什麼是 vuex? vuex 是一個專門為 vue.js 應用程式 開發的狀態管理模式+庫 它充當應用程式中所有組件的集中存儲(數據狀態) ,其規則確保狀態只能以可預測的方式進行變更 並且 組件狀態 和 後臺數據 都是響應的 2,vuex使用方法? - 下載:$ npm i vuex ...
vuex
1,什麼是 vuex?
vuex 是一個專門為 vue.js 應用程式 開發的狀態管理模式+庫
它充當應用程式中所有組件的集中存儲(數據狀態) ,其規則確保狀態只能以可預測的方式進行變更
並且 組件狀態 和 後臺數據 都是響應的
2,vuex使用方法?
- 下載:$ npm i vuex -S
- 在 store.js
+ 向 vue 中 寫入 vuex
- 向 vm 實例 註入 store
3,vuex 預設的五種基本對象?
· State 數據倉庫 存放數據的地方(基本數據)
· Mutation 是所有直接處理 state 的事件方法 提交更改數據的方法(同步)
· Getter 從基本數據派生的數據
· Action 和 mutations 一樣 都是存放事件的方法,像一個裝飾器,包裹 mutations (非同步)
· Module 模塊化 Vuex
4,Mutation 細說?
參數1:是 state
參數2:payload
所有直接修改 state 狀態的行為都是通過 mutations
組件中的事件 通過 this.$store.commit(‘mutations中的事件名’)
# 提交載荷 (payload)
在大多數情況下,載荷應該是一個對象,這樣可以包含多個欄位並且記錄的 mutation 會更易讀:
# 對象風格的提交方式
當使用對象風格的提交方式,整個對象都作為載荷傳給 mutation 函數,因此 handler 保持不變:
5,Action 細說?
首先來註冊一個簡單的 Actions
組件通過 this.$store.dispath(‘actions中的事件名’)
# 分發 action
# 我們 在 action 內部執行非同步操作
# Actions 支持同樣的載荷方式和對象方式進行分發:
6,Action 和 Mutation 區別?