国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 課堂 > 小程序 > 正文

wxml是什么語言?wxml源代碼用什么軟件打開?

2020-03-21 16:32:05
字體:
供稿:網(wǎng)友
wxml是什么語言?

WXML(WeiXin Markup Language)是微信的一套標簽語言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可以構(gòu)建出頁面的結(jié)構(gòu)。,基礎(chǔ)組件類似HTML中的標簽,事件系統(tǒng)是JavaScript中的事件,可處理邏輯反應(yīng)到界面上;wxml只是一個文件格式,如果沒有組件和事件它沒任何用處,又如果把組件、事件寫在txt文檔里面也沒任何用處,所以沒有誰更厲害,相輔相成的關(guān)系。

wxml,wxml是什么,wxml是什么語言,wxml源代碼

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

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

  1. <!--wxml--><view> {{message}} </view> 
  2. // page.jsPage({ 
  3.   data: { 
  4.     message: 'Hello MINA!' 
  5.   } 
  6. }) 

                                  
列表渲染

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

                                  
條件渲染

  1. <!--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> 
  2. // page.jsPage({ 
  3.   data: { 
  4.     view: 'MINA' 
  5.   } 
  6. }) 

                                  
模板
  1. <!--wxml--><template name="staffName"
  2.   <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> 
  3. // page.jsPage({ 
  4.   data: { 
  5.     staffA: {firstName: 'Hulk', lastName: 'Hu'}, 
  6.     staffB: {firstName: 'Shang', lastName: 'You'}, 
  7.     staffC: {firstName: 'Gideon', lastName: 'Lin'
  8.   } 
  9. }) 

                                  
事件

  1. <view bindtap="add"> {{count}} </view> 
  2. Page({ 
  3.   data: { 
  4.     count: 1 
  5.   }, 
  6.   add: function(e) {this.setData({ 
  7.       count: this.data.count   1}) 
  8.   } 
  9. }) 

wxml源代碼用什么軟件打開?

wxml源代碼常用微信官方的微信開發(fā)者工具來進行編輯、編譯、預(yù)覽。當然,也可以使用一些其它的專業(yè)編程軟件,如:editplus、dreamweaver、Notepad++等軟件來打開編輯,但這些軟件沒有微信開發(fā)者工具方便。

以上則是wxml是什么語言?wxml源代碼用什么軟件打開的全部內(nèi)容,如需了解更多微信小程序編程知識可參考《微信小程序開發(fā)文檔》!
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 平邑县| 古交市| 康乐县| 稷山县| 舟山市| 依兰县| 沅陵县| 库尔勒市| 平原县| 通州市| 启东市| 留坝县| 金平| 娄烦县| 仁布县| 阳城县| 子洲县| 尉氏县| 孟村| 新密市| 宁晋县| 双桥区| 射阳县| 布拖县| 方山县| 荥阳市| 遵义市| 濮阳县| 新安县| 仁化县| 永福县| 宁津县| 定兴县| 大竹县| 新绛县| 水富县| 澎湖县| 遂昌县| 容城县| 台中县| 旅游|