vue 秒转换为时分秒_Vue源码全面解析二十九 parse函数（转换html模板为AST语法结构）...

由于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 类型为布尔值

判断是否为一元标签 如：
、

---

等

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 类型为函数

处理模板内的注释标签

最后会返回一个ast结构的对象，如下图：