文件名称:copyVue:学习与抄袭名叫vue的一款MVVM框架
文件大小:174KB
文件格式:ZIP
更新时间:2024-06-16 02:53:54
JavaScript
copyVue 实现一个指令解析器 Compile 实现一个数据监听器 Observer 实现一个watcher去更新视图 实现一个proxy Vue 是采用数据劫持配合发布者-订阅者模式的方法,通过 Object.definerProperty() 来劫持各个属性的setter和getter, 在数据变动时,发布消息给依赖收集器,去通知观察者,做出对应的回调函数,然后更新视图 MVVM 作为绑定的入口,整合了Observer(劫持并监听各个属性),Compile 和 Watcher三者 通过Observer 监听model数据变化,通过Compile来解析编译模板指令,最终利用Watcher搭起了 Observer和Compile之间的通信桥梁,达到数据变化 => 视图更新;视图交互变化 => 数据model变更的双向绑定效果
【文件预览】:
copyVue-master
----index.html(2KB)
----imgs()
--------mvvm.jpg(76KB)
----js()
--------source()
--------Dep.js(698B)
--------Zdmvm.js(785B)
--------Observer.js(3KB)
--------Watcher.js(866B)
--------Updater.js(753B)
--------Compile.js(13KB)
----vue.html(1KB)
----README.md(790B)
----.gitignore(2KB)