vuex原理解析并实现一个简单的vuex

vuex的作用

官方

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

个人理解

简单来说当我们使用 vue 进行项目开发的时候往往会遇到多个组件共享状态的情况，它们的关系有可能是父子、兄弟、爷孙甚至嵌套的更深，此时就使得状态难以管理，因此 vuex 应用而生，他就相当于一个仓库，存放需要共享的状态，并设置了一些方法可以更改、获取状态。（将就着看看，手笨）

简单介绍

1.State仓库，vuex使用单一状态树，每一个应用最好仅包含一个store实例，不建议直接修改state的值，最好是通过commit方法调用mutation任务进行修改，方便后期数据的追踪；
2.Mutations，定义方法动态修改state中的数据，不建议包含逻辑业务处理，处理一些同步任务；
3.Actions，定义方法执行异步任务一些复杂的逻辑代码，view层通过store.dispath分发Action任务；
4.Getter，类似vue实例中的计算属性特