麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

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

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

2020-03-21 16:32:05
字體:
來源:轉載
供稿:網友
wxml是什么語言?

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

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

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

數據綁定

  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源代碼常用微信官方的微信開發者工具來進行編輯、編譯、預覽。當然,也可以使用一些其它的專業編程軟件,如:editplus、dreamweaver、Notepad++等軟件來打開編輯,但這些軟件沒有微信開發者工具方便。

以上則是wxml是什么語言?wxml源代碼用什么軟件打開的全部內容,如需了解更多微信小程序編程知識可參考《微信小程序開發文檔》!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 中文字幕一区久久 | 国产精品久久久久网站 | 成人黄色短视频在线观看 | 一级成人黄色片 | aa国产视频一区二区 | 国产一区免费视频 | 19禁国产精品福利视频 | 免费黄色大片在线观看 | 欧美一级高潮片免费的 | 国产一区精品在线观看 | 国产一区二区三区精品在线观看 | 在线视频1区 | 亚洲精品在线观看网站 | 久久97视频 | 奇米888一区二区三区 | 国产99久久久国产精品下药 | 国产孕妇孕交大片孕 | 激情视频日韩 | 久久久精品精品 | 日本精品黄色 | av在线免费网址 | 成人黄色小视频网站 | 国产精品久久久久久久久久久天堂 | 亚洲啪| 精选久久| 国产精品美女久久久免费 | 欧美精品一区二区三区四区 | 18一20岁一级毛片 | 精国品产一区二区三区有限公司 | 日韩大片在线永久观看视频网站免费 | 免费播放av | 男女隐私免费视频 | 深夜激情视频 | 亚洲欧美在线看 | 免费高潮在线国 | 久久777国产线看观看精品 | 日本网站在线看 | 久久美女免费视频 | 国产精品区一区二区三区 | 91香蕉国产亚洲一区二区三区 | av在线等 |