Vuex的五个属性

Vuex的五个属性

（一）什么是vuex

Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化

原理图

（二）vuex的五个核心属性

  	(1)state：存储基本数据 
  	(2)getter： 从state基本数据派生出的数据，只能同步
  	(3)mutation：提交更改数据的方法，只能同步
  	(4)action：请求API方法获取后台数据，然后可以回调函数提交mutaions方法更改state数据状态，可以异步
  	(5)module：模块化Vuex

个人理解：
state可以理解为一个对象或是一个集合，用于存储数据，也可以在其中定义集合对象等
mutation可以理解为set方法，借此用来获取或修改存储的数据
getter可以理解为get方法，可以获取返回回来的数据
action用于请求调用api，可以进行异步操作

（三）什么是store

原文网址：https://www.jianshu.com/p/250db2cdc918

Store=State+Mutation
每当 store.state.count 变化的时候, 都会重新求取计算属性，并且触发更新相关联的 DOM。然而，这种模式导致组件依赖全局状态单例。在模块化的构建系统中，在每个需要使用 state 的组件中需要频繁地导入，并且在测试组件时需要模拟状态。Vuex 通过 store 选项，提供了一种机制将状态从根组件“注入”到每一个子组件中，且子组件能通过 this.$store 访问到。