P19_数据绑定

数据绑定

  1. 数据绑定的基本原则
    1. 在 data 中定义数据
    2. 在 WXML 中使用数据
  2. 在 data 中定义页面的数据
    在页面对应的 .js 文件中,把数据定义到 data 对象中即可:
    图片详情
  3. Mustache 语法的格式
    把data中的数据绑定到页面中渲染,使用 Mustache 语法(双大括号)将变量包起来即可。语法格为:
    图片详情
  4. Mustache 语法的应用场景
    Mustache 语法的主要应用场景如下:
    • 绑定内容
    • 绑定属性
    • 运算(三元运算、算术运算等)
  5. 动态绑定内容
    页面的数据如下:
    图片详情
    页面的结构如下:
    图片详情
  6. 动态绑定属性
    页面的数据如下:
    图片详情
    页面的结构如下:
    图片详情
  7. 三元运算
    页面的数据如下:
    图片详情
    页面的结构如下:
    图片详情
  8. 算数运算
    页面的数据如下:
    图片详情
    页面的结构如下:
    图片详情
posted @ 2023-01-15 18:50  爱踢蓝月  阅读(47)  评论(0)    收藏  举报