博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue核心部分实现,总共分三步,第一步.....
阅读量:5874 次
发布时间:2019-06-19

本文共 378 字,大约阅读时间需要 1 分钟。

1 看了那么多次VUE源码之后,知道了观察者模式+Object.defineProperty数据劫持,动态监测data来渲染页面

2 于是自己动手写一个,更能深刻理解,也能在自己写的时候发现自己哪里没有完全明白。
3 花了俩小时,断断续续的改了几次,写出来了。
4 主要就是四个类
5 MvvM入口库类
6 Watcher类 对应于html的每一个{
{}}节点 ,因为页面可能有多个节点对应data同一个属性
7 Observer类 对应于data里面的属性,维护着多个watcher对象
8 Compile类 初始化加载页面元素,并通过正则表达式解析出对应于data属性的节点,创建对应watcher添加到观察者对象里面

最终实现该功能:

代码地址

转载于:https://juejin.im/post/5cd3ee79518825405a199639

你可能感兴趣的文章
CSS属性特性
查看>>
Angular CLI 使用教程指南参考
查看>>
html5 css多列布局
查看>>
android 时间格式 各种转换
查看>>
GDB笔记
查看>>
图像处理之基础---图像高效不失真缩放既卷积应用
查看>>
JS 相等判断 / 类型判断
查看>>
Web项目启动加载数据至内存--SpringApplicationListener实现
查看>>
Acey.ExcelX4.2版本发布
查看>>
修改支付宝账号的授权方式
查看>>
SET ROWCOUNT
查看>>
NOIP2015DAY2T2子串
查看>>
PHP 程序员的技术成长规划
查看>>
美国插画家Mike Bear作品欣赏
查看>>
zookeeper源码 — 一、单机启动
查看>>
fiddler之请求过滤(Filters)
查看>>
Could not read from remote repository
查看>>
关于“指针数组”和”数组指针“
查看>>
初学者一些常用的SQL语句(二)
查看>>
自我成长
查看>>