4 | 小程序模板语法——数据绑定

序言

1. text 相当于以前web中的 span标签 行内元素 不会换行
2. view 相当于以前web中的 div标签 块级元素 会换行
3. checkbox 以前的复选框标签

一、普通写法

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

Page({
  /**
   * 页面的初始数据
   */
  data: {
    msg:"hello"
  }
})

二、组件属性

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


Page({
  /**
   * 页面的初始数据
   */
  data: {
    msg:"hello",
    id:1
  }
})

三、bool类型

不要直接写checked=false，其计算结果是⼀个字符串

<checkbox checked="{{isChecked}}"> </checkbox>


Page({
  /**
   * 页面的初始数据
   */
  data: {
    msg:"hello",
    id:1,
    isChecked:true
  }
})