Vuex简单总结

前端小白简单总结,还望各位大佬多多指教~

之前刚开始看Vuex时候,有点晕,又仔细研究了一下,明白了,以下是个人的简单总结,仅供参考

Vuex是什么

Vuex 是一种状态管理模式,把应用中所有组件的状态都集中存储在store里,统一管理。
单向数据流:数据变化导致页面发生变化
在这里插入图片描述

Vuex的流程图

在这里插入图片描述

整个流程大致如下:

用户和vue组件发生交互触发了actions,actions传递state并提交(调用)mutations,mutations对state进行一系列逻辑处理得到新的state,因为state变化导致Vue组件页面重新渲染。

核心概念:
  • state:应用的初始状态数据,是一个对象树,存储着应用中所有的状态对象
  • getters:store的计算属性,获取数据
  • actions: 提交或者说调用(commit)mutations的方法,store只有通过提交mutations才能发生变化
  • mutations: 一系列处理逻辑
下面从事件角度大致描述一下整个过程:

首先Vue组件被点击,触发绑定的事件,通过methods方法中的mapActions方法,将ac

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值