Vue源码：mustache模板引擎学习

• 模板引擎：解决数据变为视图的最优雅的方法

二、mustache基本使用 — 怎么用

===============================================================================

2.1 mustache库简介

---

• mustache官方git

• mustache是"胡子"的意思，因为它的嵌入标记**{ {}}**非常像胡子

• { {}}的语法也被Vue沿用

• mustache是最早的模板引擎库，诞生早于Vue，它的底层实现机理在当时非常有创造性，轰动性，为后续模板引擎的发展提供了崭新的思路

2.2 mustache库基本使用

---

• 必须要引入mustache库，可以在bootcdn.com找到它

• mustache的模板语法非常简单，比如前述案例的模板语法如下：

#arr表示开始循环arr数组，/arr表示arr数组循环结束，内部使用元素直接使用键进行标识即可。

2.2.1 循环对象数组

templateStr：模板字符串

data：数据

2.2.2 不循环

2.2.3 循环简单数组

循环简单数组使用.标识每一项数据

2.2.4 数组可以嵌套

2.2.5 布尔值

可以通过#temp中temp的bool值来决定内部内容是否显示

三、mustache的底层核心机理 — 底层机理

=======================================