
VUE框架
昱晟
这个作者很懒,什么都没留下…
展开
-
源码分析_数据代理
数据代理 1)数据代理:通过一个对象代理对另一个对象中属性的操作(读/写) 2)vue数据代理:通过vm对象来代理data对象中所有属性的操作 3)好处:更方便的操作data中给的数据 4)基本流程的实现 a. 通过Object.defineProperty()给vm添加与data对象的属性对应的属性描述符 b. 所有添加的属性都包含getter/setter c. getter/setter内部...原创 2019-06-04 11:42:27 · 124 阅读 · 0 评论 -
源码分析_数据代理_DeBug调试
基本流程的实现 a. 通过Object.defineProperty()给vm添加与data对象的属性对应的属性描述符 b. 所有添加的属性都包含getter/setter c. getter/setter内部去操作data中对应的属性数据 断点可以从执行debug前打,也可以在执行之后打;第一个开始,第二个是逐步当前页执行,第三个是进入,第四个是退出。 数据代理就是使用Object.defin...原创 2019-06-04 11:45:24 · 139 阅读 · 0 评论 -
Vue源码解析之模板解析(2)事件指令解析
流程 1) 从指令中取出事件名 2) 根据指令的值(表达式)从methods中得到对应的事件处理函数对象 3) 给当前元素节点绑定指定事件名和回调函数的dom事件监听 4) 指令解析完成后,移除此指令属性。 1、是否为元素节点 if (me.isElementNode(node)) { // 判断节点是否为一个元素节点 me.compile(node); // 用来编译元素节点属性 所...原创 2019-06-04 14:39:22 · 239 阅读 · 0 评论