1.将数据劫持之后,就可以根据数据变化对dom树进行更新,即对模板进行数据渲染。
主要流程为:
2.按词法解析html
vue中解析词法没有用状态机,而是设置了一些正则指令,以此匹配开始标签、结束标签、属性等标志
主要原理:
3.词法解析结束后,会返回一个root树,这棵树记录了html中的每个节点,节点的属性,以及父子关系,接下来需要对root树生成对应的代码,
4.获得code字符串代码,就可以构造render函数,构造一个function,用来返回code
5.相关代码地址:https://gitee.com/si_xuan/study.git