逻辑与界面分离架构

逻辑层的javascript：

与js的区别：
1.没有dom和bom对象。
2.有App，Page，getApp，getCurrentPages 方法，wx对象
3.支持CommonJs规范

界面层的数据绑定

1.数据在哪?数据在js文件中，调用Page方法，参数的data属性就是数据。
2.数据绑定到哪里？在需要的地方通过mustache语法(即{{ }})调用。

界面层的列表渲染

wx：for，item，index； wx：for-item = “” 取别名； wx：for-index = “” 取别名

界面层的事件处理

bindtap 点击事件

界面层的事件冒泡

组织冒泡：catchtap

界面层的参数传递

e.target.dataset 在界面上以data-***的方式传递

单向数据流

通过e把页面的数据传递到逻辑层，在逻辑层通过this.setData(参数)改变数据并通知界面更改