小程序:Mustache语法解析

来自CloudWiki
跳转至: 导航搜索

Mustache语法

Mustache 是一款「logic-less(轻逻辑)」的前端模板引擎,它原本是基于 javascript 实现的,但是因为轻量易用,所以经过拓展目前支持更多的平台,如 java,.NET,PHP,C++ 等。Mustache 主要用于在表现和数据相分离的前端技术架构中,根据数据生成特定的动态内容,这些内容在网页中指的是HTML结构,而在小程序中则是WXML结构。

项目主页:http://mustache.github.io/

小程序中的 Mustache

其实微信在小程序里只实现了 Mustache 的一小部份功能,也就是我们前面课程中所提及的几种数据绑定方法,基本上只要掌握模板:双括号包装变量或简单表达式,就可以完成WXML开发了。但除了小程序中的能力之外,Mustache 还有更多功能。

原文链接:https://blog.csdn.net/weiwenjuan0923/article/details/85039374

举例

index.js;

data: {
      time:"2022/03/21",
      name:"马欣",
      age:"39",
      city:"济南"
  },

index.wxml:

<view>2022/03/21</view>
<view>{{time}}</view>
<view>{{name}}</view>
<view>{{age}}</view>
<view>{{city}}</view>