微信小程序wxm标签-WXM微信小程序的框架设计的标签语言-小程序标签-即速应用

微信小程序wxm标签-WXM微信小程序的框架设计的标签语言-小程序标签

浏览量：2753 时间：2020-03-20 来源：Tiger0817a

WXMLWXML（WeiXinMarkupLanguage）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。
用以下一些简单的例子来看看WXML具有什么能力：
数据绑定!--wxml--view{{message}}/view//page.jsPage({data:{message:'HelloMINA!'}})列表渲染!--wxml--viewwx:for="{{array}}"{{item}}/view//page.jsPage({data:{array:[1,2,3,4,5]}})条件渲染!--wxml--viewwx:if="{{view=='WEBVIEW'}}"WEBVIEW/viewviewwx:elif="{{view=='APP'}}"APP/viewviewwx:else="{{view=='MINA'}}"MINA/view//page.jsPage({data:{view:'MINA'}})模板!--wxml--templatename="staffName"viewFirstName:{{firstName}},LastName:{{lastName}}/view/templatetemplateis="staffName"data="{{...staffA}}"/templatetemplateis="staffName"data="{{...staffB}}"/templatetemplateis="staffName"data="{{...staffC}}"/template//page.jsPage({data:{staffA:{firstName:'Hulk',lastName:'Hu'},staffB:{firstName:'Shang',lastName:'You'},staffC:{firstName:'Gideon',lastName:'Lin'}}})事件viewbindtap="add"{{count}}/viewPage({data:{count:1},add:function(e){this.setData({count:this.data.count+1})}})具体的能力以及使用方式在以下章节查看：
数据绑定、列表渲染、条件渲染、模板、事件、引用