Vue.js
昱晟
这个作者很懒,什么都没留下…
展开
-
模板解析(1) 大括号解析
模板解析的基本流程1)将el的所有子节点取出,添加到一个新建的文档fragment对象中2)对fragment 中的所有层次子节点递归进行编译解析处理对大括号表达式文本节点进行解析对元素节点的指令属性进行解析*事件指令解析根据正则对象得到匹配出的表达式字符串:子匹配/RegExp.$1从data中取出表达式对应的属性值5) 将属性设置为文本节点的textContent一个大...原创 2019-06-04 11:47:46 · 1111 阅读 · 1 评论 -
Vue源码解析之模板解析(2)事件指令解析
流程1) 从指令中取出事件名2) 根据指令的值(表达式)从methods中得到对应的事件处理函数对象3) 给当前元素节点绑定指定事件名和回调函数的dom事件监听4) 指令解析完成后,移除此指令属性。1、是否为元素节点if (me.isElementNode(node)) { // 判断节点是否为一个元素节点 me.compile(node); // 用来编译元素节点属性 所...原创 2019-06-04 14:39:22 · 225 阅读 · 0 评论