Vue源码解析—mustache模板引擎_vue源码-mustache模板引擎分析

一、什么是模版引擎

二、数组join()法

三、反引号法

四、mustache基本语法

mustache库可以通过npm安装。因此可以值node以及浏览器中使用

1、mustache便利数组对象

2.mustache 字段直接使用

3.mustache .代表本数组元素

4.mustache 多层数组嵌套

5.mustache 布尔值

mustache使用规则可参考：https://blog.csdn.net/yzding1225/article/details/117787747?spm=1001.2014.3001.5502

五、正则表达式思路替换

六、底层tokens思想

1.mustache库机理

mustache.js源码地址：https://cdn.bootcdn.net/ajax/libs/mustache.js/4.2.0/mustache.js

将模版字符串编译为tokens形式

将tokens结合数据，解析为dom字符串

2.什么是tokens

tokens是一个js嵌套数组，说白了，就是模版字符串的js表示

他是“抽象语法树”、“虚拟节点”的开山鼻祖

3.模版解析原理

4.循环情况下的tokens

当模版字符串中有循环存在时，他将编译为嵌套更深的tokens

5.双重循环情况下的tokens