详解 vuex

113 阅读1分钟

Vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式, 采用集中式存储管理应用的所有组件的状态,解决多组件数据通信。

Vuex中有5个内容需要学习:

第一: state: 统一定义公共数据(类似于data(){return {a:1, b:2,xxxxxx}})

工作原理 image.png

组件中可以通过this.$store.state.a获取到1. 组件中可以通过this.$store.state.b获取到2.

第二: mutations : 使用它来修改数据(类似于methods)

工作原理 image.png

第三: getters: 类似于computed(计算属性,对现有的状态进行计算得到新的数据-------派生  )

工作原理 image.png

第四: actions: 发起异步请求

工作原理 image.png

第五: modules: 模块拆分

工作原理 image.png

原理汇总

image.png

常用api

image.png