4. 第 6 次提交 refactor

可以看到,本此提交 yyx 进行了一波重构,那让我们看看是怎么写的

首先 main.js

首先,把原来 self 上 _bindings 带下划线的变量改为了 bindings 没有下划线的

然后把处理 Node 节点的函数抽离到 this 中

compileNode 函数执行逻辑大体不变

然后在原型上添加 createBinding 函数,用来处理之前跟指令绑定的逻辑

其他的文件改动跟以前大差不差,某些功能抽离到外部了而已

那来梳理一下现在的执行过程

首先,执行 Seed.create,此函数内部自动执行 new Seed(opts)

获取 dom 节点,遍历子节点上的指令

绑定指令,定义对应数据的 get set 行为

给 data 中的数据赋值,在赋值的过程出发 set 函数,页面进行对应行为的渲染

至此,流程完成,到现在,我们完整了解到了 vue 最初的执行过程,后面则会进行高版本的查看,毕竟一个一个提交看还是很费时间

本文使用 文章同步助手 同步

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容