看到微信小程序開發(fā)Wxml模板文件，大家可能有點(diǎn)陌生，對(duì)他也沒什么概念，下面就和大家介紹一下微信小程序開發(fā)Wxml模板文件是什么?
說到微信小程序開發(fā)Wxml模板文件，我們不得不說一下網(wǎng)頁(yè)編程，網(wǎng)頁(yè)編程一般用使用到Html+Css+Js等語(yǔ)言。Html是指該頁(yè)面的結(jié)構(gòu)，CSS是用來描述頁(yè)面的樣子。而JS是交互的，主要是處理頁(yè)面和用戶之間的交互。而在微信小程序中，微信小程序開發(fā)Wxml模板文件類似于Html的角色。打開 pages/index/index.wxml，你會(huì)看到以下的內(nèi)容:
<view class=”container”>
??<view class=”userinfo”>
????<button wx:if=”{{!hasUserInfo && canIUse}}”>獲取頭像昵稱</button>
????<block wx:else>
??????<image src=”{{userInfo.avatarUrl}}”?background-size=”cover”></image>
??????<text class=”userinfo-nickname”>{{userInfo.nickName}}</text>
????</block>
??</view>
??<view class=”usermotto”><text class=”user-motto”>{{motto}}</text></view></view>
微信小程序開發(fā)Wxml模板文件和html類似的地方在于標(biāo)簽和屬性相似，但還有很多地方不同。
1. 標(biāo)簽名字不同
Html標(biāo)簽名字一般使用到的是div，p,spon.而小程序wxml模板文件標(biāo)簽名字用的是view,button,text等。
2. 開發(fā)效率
開發(fā)者在使用html的時(shí)候，可以根據(jù)這些標(biāo)簽組成不同的組件使用。需要自己組件開發(fā)，開發(fā)效率就低些。
wxml模板文件標(biāo)簽就是小程序給開發(fā)者包裝好的基本能力，可以使用地圖、視頻等組件能力，大大提高了開發(fā)的效率。
3.多了一些 wx:if 這樣的屬性以及 {{ }} 這樣的表達(dá)式
Wxml怎么寫
<text>{{msg}}</text>
JS 只需要管理狀態(tài)即可:
this.setData({ msg: “Hello World” })
以上和大家詳細(xì)了一下微信小程序開發(fā)Wxml模板文件，主要和大家說了一些html和wxml模板文件有相似之處還有不同的地方，用對(duì)比的方式跟大家說明了小程序Wxml模板文件。希望以上的內(nèi)容對(duì)大家有所幫助！想要了解更多的微信小程序開發(fā)可以看看微信小程序開發(fā)文檔匯總。
