最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序 教程之WXML

 更新時(shí)間:2016年10月18日 09:53:45   投稿:lqh  
這篇文章主要介紹了微信小程序 教程WXML的相關(guān)資料,這里提供了簡(jiǎn)單實(shí)例,需要的朋友可以參考下

系列文章:

微信小程序 教程之WXSS
微信小程序 教程之引用
微信小程序 教程之事件
微信小程序 教程之模板
微信小程序 教程之列表渲染
微信小程序 教程之條件渲染
微信小程序 教程之?dāng)?shù)據(jù)綁定
微信小程序 教程之WXML

WXML

WXML(WeiXin Markup Language)是MINA設(shè)計(jì)的一套標(biāo)簽語(yǔ)言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可以構(gòu)建出頁(yè)面的結(jié)構(gòu)。
用以下一些簡(jiǎn)單的例子來看看WXML具有什么能力:

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

<!--wxml-->
<text> {{message}} </view>
// page.js
Page({
 data: {
 message: 'Hello MINA!'
 }
})

列表渲染

<!--wxml-->
<view wx:for-items="{{array}}"> {{item}} </view>
// page.js
Page({
 data: {
 array: [1, 2, 3, 4, 5]
 }
})

條件渲染

<!--wxml-->
<view wx:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
<view wx:elif="{{view == 'APP'}}"> APP </view>
<view wx:else="{{view == 'MINA'}}"> MINA IS NOT APP </view>
// page.js
Page({
 data: {
 view: 'MINA'
 }
})

模板

<!--wxml-->
<template name="staffName">
 <view>
 FirstName: {{firstName}}, LastName: {{lastName}}
 </view>
</template>

<template is="staffName" data="...staffA"></template>
<template is="staffName" data="...staffB"></template>
<template is="staffName" data="...staffC"></template>
// page.js
Page({
 data: {
 staffA: {firstName: 'Hulk', lastName: 'Hu'},
 staffB: {firstName: 'Shang', lastName: 'You'},
 staffC: {firstName: 'Gideon', lastName: 'Lin'}
 }
})

事件

<view bindtap="add"> {{count}} </view>
Page({
 data: {
 count: 1
 },
 add: function(e) {
 this.setData({
  data: this.data.count + 1
 })
 }
})

感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!

相關(guān)文章

最新評(píng)論

铁岭市| 拜城县| 湘潭县| 嘉善县| 高安市| 花莲县| 通榆县| 湖北省| 宜良县| 海门市| 乐业县| 眉山市| 白玉县| 德兴市| 山丹县| 阿图什市| 西丰县| 彩票| 沧州市| 朔州市| 永年县| 彰化县| 鹿泉市| 青铜峡市| 东丰县| 芦溪县| 平潭县| 富锦市| 胶南市| 颍上县| 黄骅市| 勃利县| 衡南县| 左贡县| 开平市| 乳源| 航空| 华池县| 台中市| 金川县| 太湖县|