舒大少博客

一个95后少年的个人博客

当前时间为:
欢迎大家来到舒大少博客http://www.evshou.com,广告合作以及淘宝商家推广请微信联系15357240395

微信小程序之WXML模板语法的数据绑定

2022-04-14 19:39:58
swq1822677238

手机扫码查看

微信小程序之WXML模板语法的数据绑定
  1. 数据绑定的基本原则
    1. 在data中定义数据
    2. 在WXML中使用数据
  2. 在data中定义页面的数据
    在页面对应的.js文件中,数据定义到data对象中即可。
  3. Mustache 语法的格式
    在data中的数据绑定到页面中渲染,使用Mustache 语法(双大括号)将变量名包起来即可。语法格式如下:
    <view>{{要绑定的数据名称}}</view>
    例如:在页面中的 .js文件中data代码块中添加
    页面的.js文件:data:{‘info’:”hello world”}
    页面的wxml文件:<view>{{info}}</view>
  4. mustache 语法的应用场景
    1. 绑定内容 2. 绑定属性 3.运算(三元运算、算术运算等)
  5. 动态绑定内容
  6. 动态绑定属性
  7. 三元运算
  8. 算数运算

发表评论

邮箱地址不会被公开。 必填项已用*标注