国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 湖口县| 水富县| 金山区| 平罗县| 邮箱| 武清区| 宜宾市| 岳阳县| 镇坪县| 玉屏| 邵武市| 凭祥市| 定结县| 务川| 璧山县| 张家界市| 遵义县| 荆州市| 井冈山市| 福安市| 会泽县| 龙井市| 刚察县| 抚远县| 泸西县| 滨海县| 贺州市| 贡嘎县| 阿瓦提县| 铁力市| 江山市| 确山县| 始兴县| 福清市| 柳林县| 定远县| 广汉市| 松滋市| 蒙山县| 中卫市| 大渡口区|