Vue源码分析(2)模板解析

总体流程:将el所有子节点取出来放在fragment中(也就是原来的位置空了,因为一个节点只有一个父亲),然后初始化,在内存中进行编译(解析模板),就是对fragment中所有层次子节点递归进行编译解析处理,在把fragment塞回去。
在这里插入图片描述
其中编译解析处理分两步,对大括号表达式文本节点进行解析,对元素节点的指令属性进行解析。
其中大括号表达式解析:
1 根据正则对象得到匹配的表达式字符串:有(子匹配的东西,得到大括号里边的东西,比如说{ {name}},取的就是name,
2 然后从data中取出对应的属性值,
3 将属性值设置为文本节点的textContent

猜你喜欢

转载自blog.csdn.net/weixin_46013619/article/details/104388651