Vuex中如何实现组件间的数据共享机制？

本文共计1872个文字，预计阅读时间需要8分钟。

在使用Vue作为前端框架进行开发时，组件间的传值你肯定不会忽视。对于简单的父子组件传值，你可能会选择不使用Vuex来管理状态，但如果需要构建一个大型单页应用，Vuex可能就是你的最佳选择。

在用vue作为前端框架进行开发的时候，对于组件间的传值你一定不会陌生，如果只是简单的父子组件传值，我想你肯定不会选择用Vuex来进行状态管理，但是如果你需要构建一个中大型单页应用，组件间数据交互比较复杂频繁，你很可能会考虑如何更好地在组件外部管理状态，那么Vuex 将会成为自然而然的选择。

Vuex 是什么？

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 这是官方的一种说法。

用个人的话总结下：Vuex就是为了实现多组件数据共享，从而建立一个叫store的数据管理库，将需要共享的数据存放在里面，在需要的地方可以取出来作为初始数据，也可以在组件内通过dispatch或者提交commit方法来改变该原始数据状态，从而实现的data的共享。

Vuex的核心

1、 State

Vuex中的数据源，我们需要保存的数据就保存在这里，可以在页面通过this.$store.state来获取我们定义的数据。