小程序开发中WXML具有什么能力

这篇文章主要介绍小程序开发中WXML具有什么能力,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司是创新、创意、研发型一体的综合型网站建设公司,自成立以来公司不断探索创新,始终坚持为客户提供满意周到的服务,在本地打下了良好的口碑,在过去的十多年时间我们累计服务了上千家以及全国政企客户,如纱窗等企业单位,完善的项目管理流程,严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致称赞。

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

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

数据绑定

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

列表渲染

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

条件渲染

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

模板


  
    FirstName: {{firstName}}, LastName: {{lastName}}  
// page.jsPage({
  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({
      count: this.data.count + 1
    })
  }
})

以上是“小程序开发中WXML具有什么能力”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享名称:小程序开发中WXML具有什么能力
当前地址:http://scyanting.com/article/ggeeps.html