理解vuex

不可避免的前端数据存储处理以及渲染

 

对于仓库Vuex的理解

VUEX提供了五个方法函数，分别是

1.state （对象）

这个提供了一个公共状态仓库，当我们在store中存储定义了state，那么我们可以在this中访问到this.$store.state中的数据，当然，这里重点提醒，只可访问，不可以做修改（官方解释：驱动应用的数据源），为什么不可以做修改，因为store是公共状态管理，如果是多次开发，意图不明显导致数据冲突，而很难找到修改源头。

2.mutation

那我们state不能够直接去修改，只可访问，那我们应该怎么修改和保存我们想要的数据呢，vuex提供了mutation这个方法，可以改变state的数据，在mutation里定义要改数据的方法函数。

3.action

按照上图中，我们可以很清晰的知道components可以通过dispatch我们action里的方法，然后action又是commit()我们mutation里的方法，最终能够修改state里的数据，其实action里更多的是处理异步数据，反馈到mutation当中，从而实现一个清晰分明的公共状态管理。

4.getter

计算属性，官方给的解释就是这是个计算属性的方法，类似computed，当它依赖的state属性发生改变时会被触发；

5.module

顾名思义，就是模块化，通过定义一个各类分开分装自己的模块进行模块化状态管理；

转载于:https://www.cnblogs.com/DavidKennen/p/11421847.html