Vuex

前端开发 简书

vuex是什么?

vuex是vuejs应用程序开发的状态管理模式。它主要采用集中式管理存储管理应用的所有组件的状态,并以相应规则保证状态以一种可预测的方式发生变化。

状态自管理应用包含以下几个部分:

state:驱动应用的数据源;

view:以声明方式将state映射到视图;

actions:响应在view上的用户输入导致的状态变化。

一个全局单例模式:

image.png

对上面图的理解:

把所有的状态和数据放到一个独立的内存空间进行管理,称为state,state里面的数据会映射到组件上,当组件上的数据法还是能改变时,会通过dispatch作用域actions,actions可以进行一些异步操作,比如与后端进行交互,然后会commit一个Mutations,(我们在组件中也可以commit一个Muations),commit Muations是唯一一个可以修改state的方式,其他任何方式都是不允许的

这样设计是为了让state修改可以预测,state修改会映射到组件中

引用场景:

(1)解决多个组件中的状态共享,这些组件是兄弟组件或者是一些关联度很低的组件,如果用$emit和prop这种方式,会非常复杂。

(2)数据传递。比如遇到一些跳转场景,参数非常复杂,就可以用vuex如果项目简单,就没有必要用vuex。

简书稿源:简书 (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » Vuex

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录