wxml 模板语法-数据绑定

1.数据绑定的基本原则

• 在data中定义数据在index.js文件声明；
  • 在页面的.js文件中，把数据定义到data对象中即可；
• 在WXML中使用数据，在wxml文件中使用；
  • 使用Mustache语法的格式，把data中的数据绑定到页面中渲染，使用Mustache语法（双{{}}）将变量包起来；

Mustache语法的应用场景

• 绑定内容；

• 绑定属性

• 运算（三元运算，算术运算）

事件绑定

• 什么是事件；
• 常用的事件；
• 事件对象的属性列表

• bindtap事件

事件传参与数据同步

事件绑定

在data里msg

条件渲染

• wx:if="{{contion}}"来判断是否需要渲染该代码块；

wx:if 与hidden的对比

列表渲染

rpx的尺寸

全局配置tabBar

• 配置tabBar文件