vuex有五個核心概念：
state, getters, mutations, actions, modules。
1.state：vuex的基本資料，用來儲存變數
在vue中使用 this.$store.state.theme
2.geeter：從基本資料(state)派生的資料，相當於state的計算屬性,具有返回值的方法
在vue中使用 this.$store.getters.sidebar
3. mutations：提交更新資料的方法，必須是同步的(如果需要非同步使用action)。每個 mutation 都有乙個字串的 事件型別 (type) 和 乙個 **函式 (handler)。
在vue中commit：同步操作，寫法： this.$store.commit(『mutations方法名』,值)
例如：
**函式就是我們實際進行狀態更改的地方，並且它會接受 state 作為第乙個引數，提交載荷作為第二個引數。
4.action：和mutation的功能大致相同，不同之處在於 ==》1. action 提交的是 mutation，而不是直接變更狀態。 2. action 可以包含任意非同步操作。
dispatch：非同步操作，寫法： this.$store.dispatch(『mutations方法名』,值)
5. modules：模組化vuex，可以讓每乙個模組擁有自己的state、mutation、action、getters,使得結構非常清晰，方便管理。
簡單來說就是可以把以上的 state、mutation、action、getters 整合成乙個user.js,然後放到store.js裡面
Vuex之getters的使用方法
getters其實就是store的計算屬性，對state裡面的狀態進行過濾處理，用法與元件自身的計算屬性一模一樣。在store資料夾下的index.js中 import vuex from vuex import vue from vue 1.安裝外掛程式 vue.use vuex const st...
真正掌握vuex的使用方法（四）
接下來看一下template當中計算總票數的表示式 是不是很長？是不是看著它很藍瘦？正常的第一反應就是將其寫入到計算屬性內，方便呼叫！所以咱們可以將computed調整如下 computed 然後再將template的總票數表示式修改為 是不是有種整個世界都很清靜的感腳？哈，還沒完，繼續！在咱們的v...
資料倉儲vuex的使用方法
import vue from vue import vuex from vuex vue.use vuex var store new vuex.store mutations getters const vm new vue 使用vuex實現下面的功能 步驟 1 在store中定義乙個count...