关于Vuex的使用和理解

14 阅读1分钟
  1. 理解:Vuex是一个专门为Vue.js应用程序开发的状态管理+库。(Vuex是一个状态管理的库)
  2. 核心概念名字和作用:
  • a. store是个大容器,包含以下所有内容。
    
  • b. State用来读取状态,带有一个mapState辅助函数。(读)
    
  • c. Getter用来读取派生状态,附有一个mapMutations辅助函数。(派生读)
    
  • d. Mutation用于同步提交状态变更,附有一个mapMutations辅助函数。
    
  • e. Action用来异步变更状态,但它提交的是mutation,而不是直接变更状态。
    
  • f. Module用来给store划分模块,方便维护代码。
    

image.png

问:为什么Mutation和Action要分开?

答:为了让代码更易于维护。

问:为什么Pinia把mutation和action合并?

答:为了更易理解。