首页 > 其他分享 >p19_数据绑定

p19_数据绑定

时间:2023-01-15 18:55:05浏览次数:33  
标签:data 绑定 如下 p19 数据 Mustache 页面

数据绑定

  1. 数据绑定的基本原则
    1. 在 data 中定义数据
    2. 在 WXML 中使用数据
  2. 在 data 中定义页面的数据
    在页面对应的 .js 文件中,把数据定义到 data 对象中即可:
    图片详情
  3. Mustache 语法的格式
    把data中的数据绑定到页面中渲染,使用 Mustache 语法(双大括号)将变量包起来即可。语法格为:
    图片详情
  4. Mustache 语法的应用场景
    Mustache 语法的主要应用场景如下:
    • 绑定内容
    • 绑定属性
    • 运算(三元运算、算术运算等)
  5. 动态绑定内容
    页面的数据如下:
    图片详情
    页面的结构如下:
    图片详情
  6. 动态绑定属性
    页面的数据如下:
    图片详情
    页面的结构如下:
    图片详情
  7. 三元运算
    页面的数据如下:
    图片详情
    页面的结构如下:
    图片详情
  8. 算数运算
    页面的数据如下:
    图片详情
    页面的结构如下:
    图片详情

标签:data,绑定,如下,p19,数据,Mustache,页面
From: https://www.cnblogs.com/xiaopengmvp520/p/p19shu-ju-bang-ding.html

相关文章