数据绑定
数据来源:WXML 中的动态数据均来自对应 Page 的 data。
语法: {{}} 双大括号
表达式
三元运算
算数运算
逻辑判断
字符串运算
数据路径运算
条件渲染
作用: 判断是否需要渲染该代码块
语法: wx:if="{{condition}}"
wx:elif 和 wx:else
<block/> 标签
wx:if vs hidden
列表渲染
语法:wx:for={{array}}
作用: 使用数组中各项的数据重复渲染该组件
默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item
使用 wx:for-item 可以指定数组当前元素的变量名,
使用 wx:for-index 可以指定数组当前下标的变量名:
模板
语法:<template name="msgItem">内容data</template>
name属性作为模板的名字
调用模板:<template is="msgItem" data="{{...item}}"/>
is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入
模板拥有自己的作用域,只能使用data传入的数据。
引用
import
使用目标文件定义的template
作用域 : 只能直接引用 不能间接引用
include
将目标文件除了<template/>的整个代码引入,相当于是拷贝到include位置