一步掌握vuex的五种状态

Vuex(全局数据管理)的使用

Vuex是实现组件全局状态（数据）管理的一种机制，它采用集中式存储管理应用的所有组件的状态，可以方便的实现组件之间的数据共享。

组件间通讯方式 :

1.父子组件通讯

• 子组件:$emit :事件通知
• 父组件 : props:单向数据流

2.非父子组件通讯

• eventBus : $on + $emit

3.vuex可以实现任意组件间通讯

为什么要使用vuex

• 1.vuex的作用是解决多组件状态共享的问题，在大型的项目中，组件通讯会变得很混乱，使用vuex可以统一管理组件之间的通讯
  • 它是独立于组件而单独存在的，所有的组件都可以把它当作一座桥梁来进行通讯。
• 2.使用vuex好处
  • 响应式 ： 只要vuex中的数据变化，对应的组件会自动更新(类似于vue数据驱动)
  • 操作更简洁 ： 类似于sessionStorage，只有几个方法

vuex的特点

• 所有组件数据共享
• 响应式 : 一旦vuex的数据修改,所有使用的地方都会自动更新
  

vuex的五种状态

1.state

官方的话可能有些晦涩，我们可以简单的理解为：存数据的地方，所有的数据都要存在state里面。这样理解起来就简单多了

2.getters

可以简单的理解为store的计算属性，就和computed差不多。mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性，也就是说我们可以在组件里面使用与mapState类似的使用方法去使用

3.mutations

在vuex中，唯一能够修改数据的方法就是提交mutation，简单来说mutations里面存的就是一些操作数据的方法。mutations里是同步修改state中的数据

4.actions

Action和Mutation相似，Mutation 不能进行异步操作，若要进行异步操作，就得使用Action

5.modules

类似于ES6的模块化,在这里可以进行模块化的管理数据