三. WXML有4个语言特性:1 数据绑定、2 列表渲染、3 条件渲染、4 模板引用 通过WXML特性可以构建复杂页面的内容,如图:
1.WXML数据绑定特性:小程序里通过WXML数据绑定功能,实现数据的更新。
(绑定文本)
~WXML如何实现数据绑定,WXML的动态数据都来自页面js文件中Page的data对象,数据绑定用Mustache的语法,变量名加双括号绑定语法,把变量名包起来。
~在data对象里定义了message的数据属性,小程序页面成功渲染出来,如图:
(绑定属性)
!在data对象里定义了theName为Jack的数据属性,在vs文件内通过text标签传入了data-name="Jack"属性名,通过data-name属性把绑定的theName传进去,
小程序属性成功渲染出来(所有的组件和属性都是小写的)如图: