文件名称:vue-two-way-binding:双向绑定
文件大小:8KB
文件格式:ZIP
更新时间:2024-05-21 03:00:30
JavaScript
vue-two-way-binding vue two way binding 1、核心通过Object.defineProperty 中的get set 数据劫持,这让我们可以对数据进行我们自己的逻辑处理 2、在发布订阅这种 1对n的对象关系中,observer 中的get set可以理解为事件的发起点(发布这个事件/事情),dependency 就是我们的订阅管理器,watcher 是订阅者 3、通过在编译时分析模板、指令知道那些元素 属性 订阅了我们的数据对象中的属性,此时可以new watcher(),在实例化watcher时把当前的this 缓存在全局的变量target中, this.value = this.get(); // 为了触发属性getter,从而在dep添加自己作为订阅者 dep.addSub(Dependency.target) // 把自己加入到订阅器中 4、
【文件预览】:
vue-two-way-binding-master
----defineProperty.html(2KB)
----myCss.css(925B)
----js()
--------Index.js(1KB)
--------Observer.js(1KB)
--------Dependency.js(470B)
--------Watcher.js(904B)
--------Compile.js(4KB)
----README.md(991B)
----two-way-binding.html(2KB)