vuex是什么?

本文详细介绍了Vuex,一个专为Vue.js应用设计的状态管理模式。它适用于中大型单页应用,帮助开发者有效管理组件间共享数据。文章深入解析了Vuex的组成,包括State、Getters、Mutations和Actions,并阐述了它们在Vue组件中的具体应用。

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 状态

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

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值