本文介绍了模板引擎Mustache的基本概念，特别是针对渲染列表时如何显示index的解决方案。包括在渲染前重组数据、利用全局变量以及直接修改Mustache源代码的Context构造函数、push函数、lookup函数和Writer的renderSection函数的方法。
一、模板介绍
1.简单介绍
mustache是一种无逻辑的模板引擎，用于将数据渲染到模板上，然后可以将渲染过后的结构输出到任何地方，HTML、File……。
官方GitHub。
mustache是通过一种上下文环境(Context)将数据渲染到模板上。
2.Context简单说明
Context对应着数据对象本身，一开始的时候 Context 对应的就是传递的整个数据。当渲染列表时，Context的指向就会发生变化，每渲染到列表的某一项时，Context 就指向某一项的数据，同时内部的parent指针，着缓存着，上一级的Context。每次渲染数据时，先从当前的 Context指针上根据 key 去寻找对应的 value，如果当前 Context 指针没有对应的 key，则到上一级 Context 去匹配数据，依次类推。其实整个 Context 的模式就对应着数据的层级结构。
3.简单使用
使用都比较简单，常用的指令就只有几个， {
{ }}、{
{
{ }}}、{
{@ }}、{
{# }}{
{/ }}、{
{^ }}{
{/ }}；下面直接贴出代码，在代码的注释里有一些注意事项。
模板：
<!-- 为了方便, 将模板放入到一个 script 节点下面 -->
最低0.47元/天 解锁文章
扫一扫
1247
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
