這是一份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