Vue/Vuex:如何使用 Vuex 替换传递数据的发射函数? [英] Vue/Vuex: How to use Vuex to replace emitting functions that pass data?

查看：22
本文介绍了Vue/Vuex:如何使用 Vuex 替换传递数据的发射函数?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在考虑将 Vuex 添加到我的项目中以保持状态井井有条.尽管就像下面的示例一样，我将如何使用 Vuex 替换我发出的函数?Vuex 可以完全取代发射的需要吗?

父母

方法: {更新帖子(人){控制台日志(人)//做点什么}}

儿童

方法: {单击按钮(){let person = foo"this.$emit('handleUpdatePost', person)}}

解决方案

我创建了一个简单的 Vue 2 CLI 应用程序作为示例，说明如何使用 Vuex 替换发射场景.

商店:

从'vue'导入Vue从 'vuex' 导入 VuexVue.use(Vuex)const store = new Vuex.Store({状态: {message: '初始消息'},突变:{更新消息(状态，新消息){state.message = newMessage;}}})导出默认商店；

Parent.vue