mustache模版引擎

一、简介

什么是模板引擎？

模板引擎是将数据变为视图最优雅的解决方法。

案例

二、历史发展

历史上曾经出现过的其它数据变视图的方法

1. 纯 DOM 法
2. 数组 join
3. Es6的反引号法 （`${a}`）
4. 模板引擎法

1. 纯 DOM 法

纯 DOM 法

2. 数组 join

数组 join

3. Es6的反引号法

Es6的反引号法

4. 模板引擎法 mustache

Mustache是一种无逻辑的模板语法。它可以用于 HTML、配置文件、源代码——任何东西。它通过使用散列或对象中提供的值扩展模板中的标签来工作。

我们称其为“无逻辑”，因为没有 if 语句、else 子句或 for 循环。相反，只有标签。一些标签被替换为一个值，一些什么都没有，而另一些则是一系列值。

三、mustache基本使用

1.循环对象数组

循环对象数组

2. 循环简单数组

循环简单数组

3.不循环

不循环

4.循环嵌套

循环嵌套

5.布尔值

布尔值

代码地址