vuex用法

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章