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中的数据变化而变化

相关文章: