Vue核心部分实现,总共分三步,第一步.....

1 看了那么屡次VUE源码以后,知道了观察者模式+Object.defineProperty数据劫持,动态监测data来渲染页面
2 因而本身动手写一个,更能深入理解,也能在本身写的时候发现本身哪里没有彻底明白。
3 花了俩小时,断断续续的改了几回,写出来了。
4 主要就是四个类
5 MvvM入口库类
6 Watcher类 对应于html的每个{{}}节点 ,由于页面可能有多个节点对应data同一个属性
7 Observer类 对应于data里面的属性,维护着多个watcher对象
8 Compile类 初始化加载页面元素,并经过正则表达式解析出对应于data属性的节点,建立对应watcher添加到观察者对象里面
html

最终实现该功能:git





代码地址github

github.com/shuihan03/l…
正则表达式

相关文章
相关标签/搜索