小程序开发中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://ybzwz.com/article/djpsij.html