vuex的五个核心属性及其作用

本篇内容介绍了“vuex的五个核心属性及其作用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

vuex的五个核心属性分别是state、getters、mutations、actions和modules。state是vuex的基本数据，它是用来存储变量的。geeter是从基本数据派生的数据，相当于state的计算属性。

本文操作环境：windows10系统、vue 2.5.2、thinkpad t480电脑。

Vuex中的五个核心属性分别是：state, getters, mutations, actions, modules。

下面就让我们一起看看这五个属性吧。

state：vuex的基本数据，用来存储变量

geeter：从基本数据(state)派生的数据，相当于state的计算属性

mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。

回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数，提交载荷作为第二个参数。

action：和mutation的功能大致相同，不同之处在于 ==》1. Action 提交的是 mutation，而不是直接变更状态。 2. Action 可以包含任意异步操作。

modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。

“vuex的五个核心属性及其作用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！