视图、操作、状态之间的关系:
一个应用可以看作是由上面三部分组成: View, Actions,State,数据的流动从View => Actions => State =>View 以此达到数据的单向流动.
但是项目较大的, 组件嵌套过多的时候, 多组件共享同一个State会在数据传递时出现很多问题.Vuex就是为了解决这些问题而产生的.
Vuex可以被看作项目中所有组件的数据中心,我们将所有组件中共享的State抽离出来,任何组件都可以访问和操作我们的数据中心.
上图可以很好的说明Vuex的组成,一个实例化的Vuex.Store由state, mutations和actions三个属性组成:state中保存着共享数据;修改state中的状态只能提交mutations中的方法,且方法必须是同步的;需要异步方法时,写在actions中, 提交mutations,由mutations修改state状态.
发表评论