微信小程序教程之WXML

工具库

WXML

WXML(WeiXin Markup Language)是MINA设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

用以下一些简单的例子来看看WXML具有什么能力：

数据绑定

   {{message}}   // page.js  Page({   data: {   message: 'Hello MINA!'   }  })

列表渲染

   {{item}}   // page.js  Page({   data: {   array: [1, 2, 3, 4, 5]   }  })

条件渲染

   WEBVIEW    APP    MINA IS NOT APP   // page.js  Page({   data: {   view: 'MINA'   }  })

模板

            // page.js  Page({   data: {   staffA: {firstName: 'Hulk', lastName: 'Hu'},   staffB: {firstName: 'Shang', lastName: 'You'},   staffC: {firstName: 'Gideon', lastName: 'Lin'}   }  })

事件

 {{count}}   Page({   data: {   count: 1   },   add: function(e) {   this.setData({    data: this.data.count + 1   })   }  })

以上就是微信小程序教程之WXML的内容，更多相关内容请关注PHP中文网（www.php.cn）！

上一篇：微信小程序教程之数据绑定

下一篇：微信小程序教程之模块化