Vuex状态管理工具

Posted 2022-04-04 I know i am free

Vuex是Vue的一个插件，可以用来管理组件的复杂的状态管理。Vuex应用的核心就是Store仓库可以进行相关的操作。
Vuex和单纯的全局对象有以下两点不同：

1. Vuex的状态存储是响应式的，Vue从Store中读取组件的状态变化的时候，如果Store中状态进行变化组件的状态也会进行变化。
2. 唯一的可以改变Store状态是显式的提交Mutations.代码是this.$store.commits();

this.$store.commit('increment', 
  amount: 10
)
//或者这样
this.$store.commit(
  type: 'increment',
  amount: 10
)

this.$store.commit('loginStatus',1);
this.store.dispatch('isLogin',true);

区别：
dispatch：含有异步操作，数据提交至 actions ，可用于向后台提交数据。
commit:数据提交至mutations,可用于登录成功后读取用户信息写到缓存里。