vuex 入门教程

vuex是什么？
想必你们已经看过官方文档。就个人理解来讲，能够把它当成一个全局对象，能够在全局对其操做state.

vuex项目目录

State

保存了整个对象的状态，数据的格式须要根据业务需求给定。

在这个小demo中a,b组件分别向c组件发送数据，因此定义了2个初始化数据；

Getters

一些简单或通用的操做能够抽取到getters上来，方便在应用中引用

好比：从c组件直接获取a,b组件发送过来的数据；分别定义了2个方法用来接收；

能够经过...mapGetters获得这2个方法发送的数据，也能够经过...mapState直接获取state里面的状态（图中注释部分）

Actions

全部数据的提交都在actions

能够经过图中方法触发子组件提交事件

commit是从对象解构出来方法，

经过commit把提交的数据传递给mutations

Mutations

经过commit提交过来的方法在

mutations继续加工（执行同步操做）

经过vuex的一个全局对象进行暴露

再把vuex.Store生成的实例挂载到根节点中

github源码地址:

https://github.com/jeromehan/... 若是您喜欢点个赞，您的点赞是我写下去的动力！