详述Vuex的工作流程

128 阅读1分钟

image.png

Vuex的工作流程可以分为四个步骤:

(1)、首先,在Vuex中,我们可以定义state,它是应用程序的状态管理器,它可以被多个组件共享,它的作用是保存应用程序的状态,例如用户的登录状态,当前的路由状态等。

(2)、其次,我们可以定义mutations来处理state,它是一种改变state的函数,它可以接收state作为参数,并返回新的state,Mutations可以接收外部参数,这些参数可以用来改变state

(3)、接着,我们可以定义actions来处理mutations,它是一种用于提交mutations的函数,它可以接收外部参数,并将这些参数传递给mutations来处理。

(4)、最后,我们可以定义getters来获取state,它是一种用于获取state的函数,它可以接收state作为参数,并返回state的值,以便在组件中使用。

image.png