Vuex使用指南

1.概念

vuex是一个专为vue.js应用场景开发的管理状态模式。它采用集中式管理应用的所用组件的状态，并一相应的规则保证状态以以一种可预测的方式变化。

2.应用场景

vuex多个组件之间需要共享数据或者状态。

3.关键规则

State：存储状态数据

Getter：从状态派生数据，相当与State的计算属性。

Action：存储用于异步或者更改状态数据，但不直接更爱，而是通过发Mutation方法实现，默认参数为Context

Module：Vuex模块化

State使用

第一步 引入vuex

2.在main.js引入vuex

3. 使用 state - 存储数据

const store = new Vuex.Store({
state:{
	userName :'登录用户'
},

});

3.在其他页面使用这个全局变量

 4.看我们成功赋值给了state的userName