vuex 是什么？怎么使用？为什么用使用它？

最新推荐文章于 2025-08-18 17:43:55 发布

原创最新推荐文章于 2025-08-18 17:43:55 发布 · 535 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍了Vuex在Vue项目中的角色，包括其作为集中式状态管理的核心，state、getters、mutations和actions的使用，以及模块化的优点。通过实例演示，理解如何利用Vuex实现组件间的数据共享和状态同步。

vuex 是什么？怎么使用？为什么用使用它？

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化

state 数据源，载体
getters 用于改变state的值，派生出多个数据源
mutation 唯一可以提交可以改变state的状态，也就是数据的属性值
actions 提交的是mutation,用commit提交 而不是直接变更状态，可以包含任意异步出操作
modules 拆分成多个模块

vuex就是将数据共享给多个组件共同使用，同时也将这个数据的状态进行了共享（一个组件改变这个数据的状态其它组件也跟着改变）