个人写法,希望对大家有帮助!
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
modules: {
login: {
state: {
callv: '',
},
mutations: {
addcallv(state, arg) {
state.callv = arg
}
},
actions: {
loginbtn({ commit }, arg) {
commit('addcallv', arg)
}
},
getters: {
getcallv(state) {
return state.callv
}
}
},
}
})
vue2.0版,组件调用时用
传值页面:
一个值: this.$store.dispatch("loginbtn", "6666");
多值传递:this.$store.dispatch("loginbtn", [666,888]);
获取数据页面:
一个值: 方法一:{{this.$store.state.login.callv}}
方法二:{{this.$store.getters.getcallv}}
多值时加下标:{{ this.$store.state.login.falg[1] }}