1 Star 7 Fork 0

CankindY / reactive

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

reactive

介紹

vue响应式原理

架構

reactive文件源码

index响应效果

实现过程:

观察者设计模式,一对多的方式,发布者响应类,观察者订阅类;

  1. 定义类myVue,保存data数据,并设置this代理以便访问
  2. 将数据添加到响应式系统 observer, el添加到compiler渲染
  3. observer 监听data数据的变化,compiler寻找不同节点,子节点递归继续寻找
  4. observer创建dep记录和添加watcher,compiler创建watcher订阅数据变化
  5. 数据改变时,dep通知watcher,watcher更新节点信息

空文件

简介

vue响应式原理 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/chen-kaiyu/reactive.git
git@gitee.com:chen-kaiyu/reactive.git
chen-kaiyu
reactive
reactive
master

搜索帮助