这是一份store.js文件,这是vuex状态管理工具的文件,先要将它引入main.js
import Vuex from 'vuex';
import Vue from 'vue';
Vue.use(Vuex);
//状态 ==> 即是组件的公共数据
const state = {
titleName: '发货多', // 这里是 公共数据 ---- 项目名称
};
const mutations = {
//要想改变公共数据要通过一个方法,这个方法必须放在mutations 里面(虽然不这么做也可以用this.$store.state.titleName = 'XXX'的方式改变,但是官方不建议这么做!)
changeTitleName(state, name) {
state.titleName = name;
}
};
const store = new Vuex.Store({
//把state mutations 引入store 实例
state,
mutations
})
export default store