vuex是什么?

vuex解释

vuex是一个专门为vue.js应用程序开发的状态管理模式。通俗点说就是我们项目中需要共享的一些数据的管理容器,这里的状态就是数据。

那么什么情况下才应该使用vuex呢?

简单的说就是当你在构建一个中大型单页用的时候,需要在组件外部管理状态,这个时候vuex就是最好的选择。

vuex由哪几部分组成的呢?

State:状态
vuex存放数据的地方
Getters:获取器
vuex通过现有数据计算出新的数据
Mutations:方法库
vuex的方法库,用来改变数据
Action:动作
提交mutation吗,可以包含异步操作
Module:模块
将vuex进行分模块

state

定义

所有需要共享的数据都放在state中

在这里插入图片描述
在vue组件中使用
在这里插入图片描述

getter

定义

可以对state进行过滤和加工

在这里插入图片描述
在vue组件中使用
在这里插入图片描述

mutations

定义

在vuex中只能通过提交mutations来修改store的状态并且是一个同步的过程

在这里插入图片描述
在vue组件中使用
在这里插入图片描述

actions

定义

通过调用 mutation 方法异步的改变 state 状态

在这里插入图片描述
在组件中使用
在这里插入图片描述

发布了16 篇原创文章 · 获赞 9 · 访问量 275

猜你喜欢

转载自blog.csdn.net/webblock/article/details/105127175
今日推荐