最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
在Vuex使用dispatch和commit来调用mutations的区别详解
时间:2022-06-25 15:38:09 编辑:袖梨 来源:一聚教程网
main.js中
import Vuex from 'vuex' Vue.use(vuex); const store = new Vuex.store({ state: { nickName: "", cartCount: 0 }, mutations: { updateUserInfo(state,nickName) { state.nickName = nickName; }, updateCartCount(state,cartCount) { state.cartCount += cartCount; } }, actions: { updateUserInfo(context) { context.commit("updateUserInfo"); }, updateCartCount(context) { context.commit("updateCartCount"); } } }) new Vue({ el: "#app", store, router, template: '', components: {App} })
组件中:
methods: { increment(){ this.$store.dispatch("updateUserInfo", 'nick'); //this.$store.commit("increment", 'nick'); }, decrement() { this.$store.dispatch("updateCartCount", 1); // this.$store.commit("decrement", 1); } }
区别:
dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('mutations方法名',值)
commit:同步操作,写法:this.$store.commit('mutations方法名',值)
相关文章
- 风暴奇侠矿物探测仪怎么用-详细用法介绍 05-15
- Trezor钱包app下载软件 05-15
- 小狐狸电子钱包手机下载 05-15
- 小狐狸钱包网址手机版下载 05-15
- 小狐狸钱包下载app安卓版 05-15
- Dogecoin钱包官方版 05-15