微信开发第七天小程序WXML语法及应用

数据绑定

1，简单绑定

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

<view> {{ message }} </view>

Page({
data: {
message: 'www.cnmibee.com'
}
})

2，组件属性绑定

<view id="item-{{id}}"> </view>

Page({

  data: {

    id: 0

  }

})

3，控制属性

<view wx:if="{{condition}}"> </view>

Page({

  data: {

    condition: true

  }

})

4，对象

<template is="objectCombine" data="{{for: a, bar: b}}"></template>

Page({

  data: {

    a: 1,

    b: 2

  }

})

 

组件属性