WXML(Weixin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。
- 数据绑定
<!-- pages/demo01/demo01.wxml -->
<!-- text 相当于以前web种的span标签 行内元素 不会换行
view 相当于以前web种的div标签 块级元素 会换行
checkbox 相当于以前web种的复选框
-->
<!-- <text>MW</text>
<view>CZZ</view> -->
<!-- 字符串 -->
<view>{{msg}}</view>
<!-- 数字类型 -->
<view>{{num}}</view>
<!-- 布尔类型 -->
<view>你是猪吗?{{isGirl}}</view>
<!-- object类型 -->
<view>
{{person.name}}
{{person.age}}
</view>
<view data-num="{{num}}">
自定义属性
</view>
<checkbox checked=" {{isChecked}}">
</checkbox>
2. 运算
<view>
{{1+1}}
</view>
<view>
{{'1'+'1'}}
</view>
<view>
{{11<2?'对':'错'}}
</view>
3. 列表渲染
小知识点:block
渲染一个包含多节点的结构块block最终不会变成真正的dom元素
1.占位符的标签
2.写代码的时候可以看到这标签存在
3.页面渲染小程序会把它移除掉
4. 条件渲染