-
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}}