结构

@WXML

微信小程序结构文件的后缀名是 .wxml

常用组件

小程序的结构页面由各种组件构成：系统组件和自定义组件

不支持HTML标签

由于小程序大小的限制，多媒体资源如图像、视频、音频等等，应通过在线方式获取；需搭建本地资源服务器或者花钱使用云开发

数据绑定

WXML 中的动态数据均来自对应 Page 的 data。

可以绑定内容，也可以绑定属性

在wxml中使用{{}}和js中的数据绑定起来；也叫插值表达式

可以进行基本的逻辑运算，如三元表达式、算术运算

data: {
  msg: 'hi, there.'
  src:'../../imgs/demo.jpg',
  age: 18
}

wxml - 绑定内容；绑定属性

<view> {{msg}} </view>
<image src="{{src}}" mode=""/>
<view> {{age + 2}} </view>
<view> {{age>=18 ? 'Welcome' : 'Bye'}} </view>

模板 <block>

无语义化；作为容器分隔多层逻辑或控制一组组件

遍历对象 - index相当于key；item相当于value - 也可以自定义为key-value形式

obj:{id:100,name:'glpla',gender:'male'}

<block wx:for="{{obj}}" wx:key="index">
  <view>{{index}}</view>
  <view>{{item}}</view>
</block>