一文彻底搞懂vuex，web开发实例教程

• state: 数据

• actions:可以包含异步操作

• mutations: 唯一可以修改state数据的场所

• getters: 类似于vue组件中的计算属性，对state数据进行计算（会被缓存）

• modules:模块化管理store（仓库），每个模块拥有自己的 state、mutation、action、getter

3. 如何使用

store—>index.js

import vue from ‘vue’

import Vuex from ‘vuex’

Vue.use(vuex);

const state= ()=>{ token:‘’}

const actions = {

set_token({commit},val){

commit(“to_token”,val)

}

}

const mutations = {

to_token(state,val){

state.token=val;

}

}

const getters = {}

let store = new Vuex.store({

state,

actions,

mutations,

getters

})

module.export=store;

home.vue

{{$store.state.token}}