小程式開發的wxml裡，用到了mustache語法。所以，非常有必要把mustache研究下。
什麼是mustache?mustache是乙個logic-less（輕邏輯）模板解析引擎，它是為了使使用者介面與業務資料（內容）分離而產生的，它可以生成特定格式的文件，通常是標準的html文件。比如小程式的wxml中的**：
}，這裡的}就是mustache的語法。
1、mustache的模板語法很簡單，就那麼幾個：}}}
} }} }}}
}1、}
⑴ 簡單的變數替換：}
var data = ;
mustache.render（"} is excellent."，data）;
返回 wechat is excellent.
⑵ 變數含有html的**，如：
、等而不想轉義，可以在用}
var data = ;
var output = mustache.render("} is excellent.", data);
console.log(output);
返回：wechat
is excellent.
去掉"&"的返回是轉義為：
is excellent.
另外，你也可以用}}代替}。
⑶ 若是物件，還能宣告其屬性
var data = ，
"age" : 18
};var output = mustache.render(
"name:} }，age:}", data);
console.log(output);
返回：name:chen jackson，age:18
2、} }
以#開始、以/結束表示區塊，它會根據當前上下文中的鍵值來對區塊進行一次或多次渲染。它的功能很強大，有類似if、foreach的功能。
var data = ， ， ]
};var output = mustache.render("}}}"，
data);
console.log(output);
返回：moe
larry
curly
3、} }
該語法與} }類似，不同在於它是當keyname值為null, undefined, false時才渲染輸出該區塊內容。比如：
var data = ;
var tpl = 『}沒找到 nothing 鍵名就會渲染這段}』;
var output = mustache.render(tpl, data);
返回：沒找到 nothing 鍵名就會渲染這段
4、}
}表示列舉，可以迴圈輸出整個陣列，例如：
var data =
var tpl = '}
}}';
var html = mustache.render(tpl, data);
返回：macbook
iphone
ipod
ipad
5、}表示注釋
6、}
以》開始表示子模組，當結構比較複雜時，我們可以使用該語法將複雜的結構拆分成幾個小的子模組。
作者名字：有漁
微信小程式開發技術文件
一 目錄結構 乙個小程式主體部分由三個檔案組成，必須放在專案的根目錄，如下 2.乙個小程式頁面由四個檔案組成，分別是 注意 為了方便開發者減少配置項，描述頁面的四個檔案必須具有相同的路徑與檔名。二 配置小程式 pages index index window 三 小程式框架 註冊頁面 對於小程式中的...
（微信小程式）一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
筆記 微信小程式框架分析
資料繫結 控制屬性繫結 if語句條件判斷 關鍵字的繫結 不能直接寫checked false 可以在 中進行數 算 d 邏輯判斷 length 5 字串運算 資料路徑運算 因為wx if是乙個控制屬性，需要將它新增到乙個標籤上。但是，如果我們想要一次判斷多個元件標籤，則可以使用乙個標籤將多個元件包裝...