Vue模版编译原理 Vue事件绑定原理

 Vue模版编译原理

1,将模板字符串转换成 elment ASTs (解析器)

2,对AST进行静态标注,即不需要修改的地方标注出来,后面的虚拟Dom对比时便会忽略这个,提升新能

3,将AST生成render函数

 

Vue事件绑定原理

原生时间是通过addEventListener来绑定的

vue是通过vue实例的$on实现的,他是基于订阅观察者模式的,维护一个事件中心,在执行on的时候录入元素和事件,在执行emit的时候触发对应的元素上的事件

 

posted @ 2021-09-06 18:39  来吃点代码  阅读(324)  评论(0编辑  收藏  举报