// 定义Vuex store const store = new Vuex.Store({ state: { successCount: 0, failCount: 0 }, mutations: { incrementSuccessCount(state) { state.successCount++; }, incrementFailCount(state) { state.failCount++; } } }); // 创建Vue实例 new Vue({ store, el: '#app', computed: { ...mapState(['successCount', 'failCount']) }, methods: { ...mapMutations(['incrementSuccessCount', 'incrementFailCount']), operate() { // 执行操作 if (操作成功) { this.incrementSuccessCount(); } else { this.incrementFailCount(); } } } });
时间: 2024-02-14 17:18:47 浏览: 78
这是一个Vue.js应用中使用Vuex进行状态管理的代码。其中,定义了一个Vuex store,包含两个状态变量successCount和failCount,以及两个mutation函数incrementSuccessCount和incrementFailCount,用于更新状态。在Vue实例中,通过mapState和mapMutations辅助函数将状态映射到computed属性和methods方法中,以便在模板中使用。同时,也定义了一个operate方法,用于执行某些操作,并调用相应的mutation函数更新状态。
阅读全文