小程序入门开发之了解WXML

本篇文章给大家详解一下小程序入门开发中的wxml。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

开发框架组成介绍

小程序的开发框架是由四大部分组成分别是WXML,WXSS,WXS,Java Script组成。

1.WXML用于描述页面的内容；

2. WXSS描述页面样式；

3. JS用于处理用户逻辑以及数据通信；

4. WXS对WXML能力增强的一种体现，可以把请求到的数据进行一个计算处理，帮助wxml快速构建出页面的结构；

WXML语法

WXML(weixin markup language)

WXML特性

WXML一共有四个语言特性，分别是数据绑定、列表渲染、条件渲染以及模板引用

1、数据绑定：

 !--index.wxml-- 
 view 
 text {{message}} /text 
 /view 
---------------------------------------------------
 !--index.js-- 
 data:
 message: Hello,world! 
)

2、列表渲染

 !--index.wxml-- 
 view 
 block wx:for= {{items}} wx:for-item= {{item}} wx:key= index 
 view {{index}}:{{item.name}} /view 
 /block 
 /view 
------------------------------------------
 !--index.js-- 
 data:
 items:[
 {name: 商品A }
 {name: 商品B }
)

3、条件渲染

 !--index.xwml-- 
 view 今天吃什么？ view 
 view wx:if= {{condicition===1}} 当然是吃饺子啦！ /view 
 view wx:elif= {{condicition===2}} 可以考虑吃面条！ /view 
 view wx:else 米饭把米饭吧 /view 
-----------------------------------------------------------
 !--index.js-- 
 data:
 condicition:Math.floor(Math.random()*3+1)
)

4、模板及引用

 !--index.wxml 模板-- 
 template name= template 
 view 
 view 收件人：{{name}} /view 
 view 联系方式：{{phone}} /view 
 view 地址：{{address}} /view 
 /view 
 /template 
 template is= template data= {{...item}} /template 
--------------------------------------------------------------------
 !--index.js-- 
 data:
 item:
 name= 张三 ,
 photo= 1212123 ,
 address= China 
)

 !--index.wxml 引用-- 
 import src= a.wxml /import 
 template is= a /template 
 !--a.wxml-- 
 view Hello,world /view 
 template name= a 
 Hello World!
 /template 

注意：引用不可嵌套

 !--index.wxml-- 
 include src= a.wxml 
 template is= a /template 
 /include 
------------------------------------
 !--a.wxml-- 
 template name= a 
 view This is a.wxml /view 
 /template 
 view hello world /view 

注意：include拷贝除了母版之外的所有内容

本文转载自：https://blog.csdn.net/yue__shen/article/details/90384729

推荐：《小程序开发教程》

以上就是小程序入门开发之了解WXML的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。