vue--如何使用vuex储存数据
vue--如何使用vuex储存数据
·
vue--如何使用vuex储存数据
1.定义
最后形成这样的结构,system.js为自定义储存的地方
2.需要定义三个地方
1.store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
import system from './modules/system'
Vue.use(Vuex)
const store = new Vuex.Store({
modules: {
system
},
getters
})
export default store
2.store/getters.js
const getters = {
projectUnit: state => state.system.projectUnit,
projectTitleId: state => state.system.projectTitleId,
}
export default getters
3.store/modules/system.js
const system = {
namespaced: true,
state: {
projectTitleId: "",
projectUnit: {},
},
mutations: {
SET_PROJECTTITLEID: (state, projectTitleId) => {
state.projectTitleId = projectTitleId
},
SET_PROJECTUNIT: (state, projectUnit) => {
state.projectUnit = projectUnit
},
}
}
export default system
3.往里面添加数据
this.$store.commit("system/SET_PROJECTUNIT", this.projectUnit);//在store/modules/system.js里面找到对应的数据
this.$store.commit( "system/SET_PROJECTTITLEID",this.Form.id);
4.取数据
this.$store.getters.projectUnit
this.$store.getters.projectTitleId
更多推荐
已为社区贡献5条内容
所有评论(0)