VUEX数据结构理解笔记

vuex是vue的数据状态统一管理器。

流程图如上。

解读：

1. Vue Components创建vuex，先Dispatch到Actions方法，通过参数赋值结构{commit}提交到mutations进行数据处理修改。
2. mutations处理完state，返回到Vue Components。

实际代码结构：

mapGetters和mapActions

import {mapGetters,mapActions} from 'vuex'

通过引入，可在computed，methods进行获取方法，再在created，mounted执行方法。

用...mapGetters 插入到computed