微信小程序视图层WXML介绍

作者:admin   点击: 125    时间:2019-08-30 01:04:37

WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。
 
要完整了解 WXML 语法,请参考WXML 语法参考。
 
用以下一些简单的例子来看看 WXML 具有什么能力:
 
数据绑定
{{message}}
// page.js
Page({
  data: {
    message: 'Hello MINA!'
  }
})
列表渲染
{{item}}
// page.js
Page({
  data: {
    array: [1, 2, 3, 4, 5]
  }
})
条件渲染
WEBVIEW
APP
MINA
// 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'}
  }
})