首页 > 其他 > 详细

vuex实现原理

时间:2017-11-11 00:10:12      阅读:265      评论:0      收藏:0      [点我收藏+]

一、Store的层次结构

Store,负责管理整个数据访问、修改等; 提高API;

State,数据结构;

所有的getters、mutations,全部都注册到store里;结构大概是: { ‘xxx‘:  [f1, f2] }

state是层层嵌套注册在根state中,结构大概是: {‘xxx‘:  {‘yyy" : ......}}

 

二、getter.xxx,怎么可以每次拿到最新数据?

这个挺好理解,如果每次获取属性,都能拿到新值,是因为每次拿取,都会有一次重新的计算。

技术分享

_vm[key],其实就是注册getters时候的函数

 

三、Action,怎么实现异步修改?

因为注册action,是用数组保存;由于action可能是异步执行,需要知道什么时候所有的action执行完毕。 

那么注册action函数的时候,就应该把所有函数封装成Promise

diapatch调用的时候, 用Promise.all([p1, p2....]),就可以知道执行完所有action的时候

技术分享

 

http://blog.csdn.net/sinat_17775997/article/details/62231288

vuex实现原理

原文:http://www.cnblogs.com/johnchow/p/7816869.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!