Vue源码分析(6)——Vuex

本文深入探讨了Vuex的Store初始化过程,包括安装、配置项的递归处理以及如何构建状态树。同时,解释了如何通过getter和setter取值及赋值,涉及到响应式逻辑和计算属性。此外,还提及了如何通过actions和mutations来修改数据。
摘要由CSDN通过智能技术生成
1. Store初始化
  1. 如未使用Vue.use(Vuex)进行安装Vuex,则进行安装。安装阶段通过mixin全局注入beforeCreate钩子,组件初始化时触发钩子进行Store注入
  2. 递归遍历配置项,初始化module并构建module
  3. 递归遍历module树,安装每个module并对其中的stategettermutationaction进行封装并注入到store
  4. 创建内置vm实例,映射stategettervm实例的datacomputed属性
  5. 构建map映射函数并导出,提供便捷API
2. 取值

render或者操作中获取数据。
如果通过getter获取,触发内置vm计算属性流程,最终触发vmdata的响应式逻辑

3. 赋值

后续操作修改数据。
如果通过action设置,触发Store配置中的action函数,通过commit触发mutation函数对数据进行赋值,最终触发vmdata的响应式逻辑

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值