mustache 文档笔记

  1. 简介
  2. 语法
  3. 解释

简介

Mustache是一个logic-less(轻逻辑)模板解析引擎,

它是为了使用户界面与业务数据(内容)分离而产生的。

官方文档地址:

主页:https://github.com/janl/mustache.js/
文档:https://mustache.github.io/mustache.5.html

语法

1. {{keyName}}
2. {{{keyName}}}
3. {{#keyName}} {{/keyName}}
4. {{^keyName}} {{/keyName}}
5. {{.}}
6. {{!comments}}
7. {{>partials}}

解释

1. {{keyName}}简单的变量替换。

2. {{{keyName}}} 带有HTML变量。

3. {{#keyName}} {{/keyName}}以#开始、以/结束表示区块,它会根据当前上下文中的键值来对区块进行一次或多次渲染。它的功能很强大,有类似if、foreach的功能。

4. {{^keyName}} {{/keyName}}该语法与{{#keyName}} {{/keyName}}类似,不同在于它是当keyName值为null, undefined, false时才渲染输出该区块内容。

5. {{.}} {{.}}表示枚举,可以循环输出整个数组

6. {{! }}表示注释

7. {{>partials}}以>开始表示子模块,当结构比较复杂时,我们可以使用该语法将复杂的结构拆分成几个小的子模块。

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 chgocn@gmail.com
笔记