這篇文章主要介紹小程序開發(fā)中WXML具有什么能力，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來公司不斷探索創(chuàng)新，始終堅持為客戶提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過去的十多年時間我們累計服務(wù)了上千家以及全國政企客戶，如紗窗等企業(yè)單位，完善的項目管理流程，嚴(yán)格把控項目進(jìn)度與質(zhì)量監(jiān)控加上過硬的技術(shù)實力獲得客戶的一致稱贊。

WXML(WeiXin Markup Language)是MINA框架設(shè)計的一套標(biāo)簽語言，結(jié)合基礎(chǔ)組件、事件系統(tǒng)，可以構(gòu)建出頁面的結(jié)構(gòu)。

用以下一些簡單的例子來看看WXML具有什么能力：

數(shù)據(jù)綁定

 {{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
    })
  }
})

以上是“小程序開發(fā)中WXML具有什么能力”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！