理解vuex

一世执手 提交于 2019-11-28 19:17:51

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

 

对于仓库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

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!