Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储和管理程序的所有组件的数据
Vuex的核心概念及其作用:
-
state 所有的数据都存储在state中 state是一个对象
-
mutations 可以直接操作state中的数据
-
actions 只能调用mutations的方法
-
getters 类似计算属性,实现对state中的数据做一些逻辑性的操作
-
modules 将仓库分模块存储
Vuex运行机制:
在组件中通过dispatch来调用actions中的方法,在actions中通过commit来调用mutations中的方法,在mutations中可以直接操作state中的数据,state的数据只要一发生改变立马响应到组件中