P19_数据绑定

数据绑定

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