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的状态并且是一个同步的过程

扫描二维码关注公众号,回复: 10682993 查看本文章

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

actions

定义

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

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

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

猜你喜欢

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