摘要:
1、数据和视图分离,解耦 2、以数据驱动视图,只关心数据变化,DOM操作被封装 阅读全文
摘要:
1、整体流程 (1)模板解析成render函数 (2)响应式监听 (3)首次渲染,显示页面,绑定依赖 (4)data属性变化,触发rerender 2、模板解析为render函数 参考上一篇博客。 模板的所有信息都被render函数包含。 模板中用到的data属性,都变成了js变量 模板中的v-fo 阅读全文
摘要:
1、模板 一个最简答的模板: v-for模板: 2、模板类似于html代码,又不是。因为模板中含有v-if,v-for,@click等不属于html的属性代码。 3、怎么解析? (1)首选模板含有v-for等逻辑,因此必须使用js来进行解析。(html和css解析不了) (2)js解析成什么?js会 阅读全文
摘要:
1、snabbdom github地址:https://github.com/snabbdom/snabbdom 2、核心方法 即:h方法和patch方法。 3、h方法 h方法用来创建vonde 4、pacth方法 pacth方法用来将vnode渲染为html。 首次渲染: 更新渲染: 阅读全文