vuex学习笔记-基本概念

Vuex概述

Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享

使用Vuex管理数据的好处

• 能够在vuex中集中管理共享的数据，便于开发和后期进行维护

• 能够高效的实现组件之间的数据共享，提高开发效率

• 存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新

Vuex中的核心特性

如图所示：

• 组件中想要在vuex中发送异步请求需要使用vuex中的dispatch发送请求
• action负责处理异步请求，并不直接修改state中的数据
• 如需修改state中的数据需要使用commit函数在mutations中修改state中的数据

State

• State提供唯一的公共数据源，所有共享的数据都要统一放到Store中的State中存储

Mutation

• Mutation用于修改变更$store中的数据

Action

• 在mutation中不能编写异步代码，否则会报错，需要使用action处理异步请求

Getter

• Getter用于对Store中的数据进行加工处理形成新的数据,只能读取store中的数据，但是不能修改,getter数据会随着store中的数据变化而变化