1: this.$store.dispatch() 与 this.$store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给vuex的mutation改变state。
2: this.$store.dispatch() :含有异步操作,例如向后台提交数据, 写法this.$store.dispatch(‘action方法名’,值);
3: commit 是同步操作。
存储 this.$store.commit('changeValue',name);
取值 this.$store.state.changeValue
4: dispatch: 异步操作 dispatch 是异步操作。
存储 this.$store.dispatch('getlists',name);
取值 this.$store.getters.getlists;
5: Vuex文件 src/store/index.js
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export const store = new Vuex.Store({
// state专门用来保存 共享的状态值
state: {
// 保存登录状态
login: false
},
// mutations: 专门书写方法,用来更新 state 中的值
mutations: {
// 登录
doLogin(state) {
state.login = true;
},
// 退出
doLogout(state) {
state.login = false;
}
}
});
vuex中 this.$store.dispatch() 与 this.$store.commit()方法的区别
最新推荐文章于 2024-01-04 23:49:47 发布