store.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
homeTitle: '首页'
},
getters: {//针对state数据的过滤,
},
mutations: { //逻辑处理,但Mutation 必须是同步函数
setHomeTitle(state, homeTitle) {
state.homeTitle = homeTitle;
}
},
actions: {//Action 类似于 mutation,Action 提交的是 mutation,而不是直接变更状态;Action 可以包含任意异步操作.
}
})
vue 页面中使用:
<label id="lb_homeTitle">{{this.$store.state.homeTitle}}</label>