vuex的工作原理是什么

发布网友 发布时间:2022-04-24 21:14

我来回答

1个回答

热心网友 时间:2022-05-03 10:48

简单描述一下Vuex的原理和使用方法,它解决了什么问题?

代码开发
2019-11-18
视图、操作、状态之间的关系:

数据单向流动

一个应用可以看作是由上面三部分组成: View, Actions,State,数据的流动从View => Actions => State =>View 以此达到数据的单向流动.

但是项目较大的, 组件嵌套过多的时候, 多组件共享同一个State会在数据传递时出现很多问题.Vuex就是为了解决这些问题而产生的.

Vuex可以被看作项目中所有组件的数据中心,我们将所有组件*享的State抽离出来,任何组件都可以访问和操作我们的数据中心.

Vuex原理

上图可以很好的说明Vuex的组成,一个实例化的Vuex.Store由state, mutations和actions三个属性组成:

state中保存着共享数据;
修改state中的状态只能提交mutations中的方法,且方法必须是同步的;
需要异步方法时,写在actions中, 提交mutations,由mutations修改state状态.
vue教程全套免费
一句话理解vue核心内容
为什么我感觉vue难
vue100个基础知识
uuex是什么
前端为什么要学nodejs

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com