由于parse函数代码实在过于庞大,我这里就不一次性贴出源代码了,大家可以前往(
https://github.com/vuejs/vue/blob/0baa129d4cad44cf1847b0eaf07e95d4c71ab494/src/compiler/parser/index.js#L79)查看源代码。
我们来总结一下该函数的主要功能:
1、warnOnce 函数(用于提示错误)
2、closeElement (处理标签的结束,匹配</ 开头)
3、trimEndingWhitespace 删除结尾的空白节点
4、验证根容器的合法性
规则如下:
1、标签名称不能是 slot 或者 template
2、不能存在 v-for 指令
5、parseHTML 函数(解析html的核心函数),该函数会有单独的篇章来分析,我们先来说一下 “parseHTML ” 函数的参数,主要有12个参数
1、warn 类型为函数
主要用于错误提示
2、expectHTML 类型为布尔值
主要用于判断出来标签结束
3、isUnaryTag 类型为布尔值
判断是否为一元标签 如:<br/>、<hr /> <input /> <img />等
4、canBeLeftOpenTag 类型为函数
是否为此类标签:’colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source’
5、shouldDecodeNewlines 类型为布尔值
解码换行符
6、
shouldDecodeNewlinesForHref 类型为布尔值
解码href换行符
7、shouldKeepComment 类型为布尔值
是否保留注释
8、outputSourceRange 类型为布尔值
是否保留匹配范围(start、end)的位置
9、start 类型为函数
处理匹配的标签开始
10、end 类型为函数
处理匹配的标签结束
11、chars 类型为函数
处理匹配的空白标签
12、comment 类型为函数
处理模板内的注释标签
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。