页面结构文件(WXML)是小程序开发架构设计的一套相近HTML的标签语言表达,融合基础组件、事件系统,能够搭建出页面的结构,即.wxml文件。在小程序开发环节中,相近HTML的标签被称作组件,是页面结构文件的基础构成单元。这种组件有开始(如)和完毕(如)标示,每一个组件能够设定不一样的属性(如id、class等),组件还能够嵌套。
小程序开发页面结构文件WXML还具备数据信息关联、标准数据信息关联、目录数据信息关联、模版、引入页面文件、页面事件等作用。
数据信息关联
小程序开发在开展页面数据信息关联时,架构会将WXML文件与逻辑文件中的data开展动态性关联,在页面中表明data中的数据信息。小程序开发的数据信息关联应用Mustache语法({{}})将变量或运算标准包起來。
1.小程序开发简单关联
小程序开发简单关联就是指应用双大括号({{}})将变量包起來,在页面中立即做为字符串輸出应用。简单关联能够作用于內容、组件属性、控制属性等的輸出。
简单关联作用于组件属性、控制属性时,双大括号外应加上双引号。
范例编码如下所示:
2.计算
在{{}}内能够做一些简单的计算(关键有算术运算、或运算、三元运算、字符串计算等),小程序开发这种计算均应合乎JavaScript计算标准。
范例编码如下所示,储存并编译。