首页 > 编程语言 >pinia源码解读三(创建store)

pinia源码解读三(创建store)

时间:2022-11-29 11:25:03浏览次数:37  
标签:-- value state 源码 pinia store

定义模块

这一步很复杂,用几个流程图来梳理一下

createOptionsStore方法

image

createSetupStore方法

image

数据流向

最后整理下数据的流向变更,对于写pinia插件很有帮助

option写法版本

pinia.state.value[$id] --> 原生的state对象

setupStore --> torefs(pinia.state.value[$id])

store --> assign(store, setupStore)

$state --> get属性 pinia.state.value

$patch --> pinia.state.value 原生操作

标签:--,value,state,源码,pinia,store
From: https://www.cnblogs.com/wzcsqaws/p/16934875.html

相关文章

  • app直播源码,flutter Text自动计算文本内容的宽度
    app直播源码,flutterText自动计算文本内容的宽度一、什么是TextPainter在内容开始之前,我们先来看一下它的属性 TextPainter({  InlineSpan?text,   //Tex......
  • easylogging++的那些事(四)源码分析(二)日志记录宏(四)偶尔日志宏
    目录CLOG_EVERY_N宏宏展开Info日志宏CLOG_EVERY_N(xxx,INFO,xxx)Trace日志宏CLOG_EVERY_N(xxx,TRACE,xxx)Debug日志宏CLOG_EVERY_N(xxx,DEBUG,xxx)Fatal日志......
  • LevelDB源码剖析(3) Skiplist跳表
    1.背景什么是跳表?跳表是SortedMap的一种具体实现,是一种概率性的数据结构。跳表拥有SortedMap的所有功能,定位和红黑树类似,其和红黑树的区别在于优点:跳表的实现更加简单......
  • 深入理解Kubernetes 4A - Audit源码解析
    Overview本文是关于Kubernetes4A解析的第四章深入理解Kubernetes4A-Authentication源码解析深入理解Kubernetes4A-Authorization源码解析深入理解Kubernetes......
  • cocos2d-x 是男人就下100层 附源码
    1.效果图:  玩法:一个不断下降的小人,点击屏幕的left或者right控制小人的移动方向,尽可能生存久些. 为什么要搞这个游戏呢?因为在2012年的8月份,我完成它的android版本,......
  • C++学习------cmath头文件的源码学习06
    函数族定义---双曲函数cosh---计算双曲余弦函数sinh---计算双曲正弦函数tanh---计算双曲正切函数acosh---计算双曲余弦面积asinh---计算双曲正弦面积atanh---计算双曲正切面......
  • go源码学习(一):数据结构-数组
    数组是相同类型元素的集合,在内存中对应一块连续的内存空间。数组类型是通过存储的元素类型以及能够存储的大小两个维度来决定的,一旦声明之后大小就不可更改。初始化go语......
  • SpringBoot 自动装配源码解析
    SpringBoot自动装配源码解析step1:SpringApplication.run(ZylSpringBootApplication.class,args);step2:this.refreshContext(context);-->org.springframework.bo......
  • jsp源码实例2(获取表单参数)
    jsp源码实例2(获取表单参数)packagecoreservlets;importjava.io.*;importjavax.servlet.*;importjavax.servlet.http.*;importjava.util.*;/**Showsallthep......
  • pinia源码解读二(定义模块)
    定义模块store.ts文件的defineStore方法判断是option写法还是setup写法isSetupStore=typeofsetup==='function'内部创建useStore函数,并给函数绑定$id属性为用......