文件名称:VueSourceCode-vue source code
文件大小:11KB
文件格式:ZIP
更新时间:2024-04-13 15:17:20
系统开源
MVVM原理 代码地址: : Vue响应式原理最核心的方法便是通过Object.defineProperty()来实现对属性的劫持,达到监听数据移动的目的,完全这个方法是此处中最重要,最基础的内容之一实现mvvm的双向绑定,就必须要实现以下几点: 实现一个数据监听器Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者 实现一个指令解析器编译,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的更新函数 实现一个Watcher,作为连接Observer和Compile的主轴,能够订阅并收到每个属性移动的通知,执行指令绑定的相应变量,从而更新视图 mvvm入口函数,整合以上三者 通过这张图的分析,主要包含以下三个类别: 指令解析器编译 数据监听器 观察者Watcher 实现指令解析器 实现一个指令解析器编译,对每个元素节点的指令进行扫描
【文件预览】:
VueSourceCode-master
----index.html(1KB)
----README.md(27KB)
----WVue.js(9KB)