Vuex基础-mutations

2024-03-17 14:05:22

借助官网的一张图，更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。不可以直接对其进行赋值改变。需要注意的是，mutations只能做一些同步的操作。

代码结构：

index.js:

import Vue from 'vue'
import Vuex from 'vuex'
import state from "./state"
import getters from './getters'
import mutations from "./mutations"
import actions from "./actions"
import user from './module/user'


Vue.use(Vuex)

export default new Vuex.Store({
  state,
  getters,
  mutations,
  actions,
  modules: {
    user
  }
})

mutations.js

const mutations = {
  SET_APP_NAME(state, params) { 
    //若params是对象格式
    state.appName = params.appName;
    //若params是字符串格式
    //state.appName = params;
  }
}
export default mutations;

state.js: