04【Vuex】状态管理

一、试想一下：

如果在一个项目开发中频繁地使用组件传参的方式来同步 data 中的值，一旦项目变得庞大，管理和维护这些值将是很棘手的工作。为此，vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——Vuex。在具有Vuex的Vue项目中，只需把这些值定义在Vuex中，即可在整个Vue项目的组件中使用。

Vuex是一个专为vue.js应用程序开发提供的一个状态管理工具。将数据分发给各个组件，异步数据流，统一封装接口。

应用场景：购物车、会员登录等需要跨页面、跨组件实时传递数据的地方。

二、Vuex中的核心内容 

在Vuex对象中，其实不止有 state ,还有用来操作 state 中数据的方法集，以及当我们需要对 state 中的数据进行加工的方法集等等成员。

成员列表：

• state            存放状态（状态即各个组件之间要传递的那些值）
• mutation      state成员操作
• getters         加工state成员给外界
• actions        异步操作
• modules      模块化状态管理