逻辑与界面分离架构

逻辑层的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(参数)改变数据并通知界面更改

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,087评论 19 139
  • 昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. 首先从官方文档给的框架说起,微信小程序官方文档给出了...
    Mr大大大阅读 47,285评论 9 68
  • 最近做了一个投票的微信小程序,开发过程主要还是参考官方文档:https://mp.weixin.qq.com/de...
    june5253阅读 22,086评论 1 11
  • WXML WXML(WeiXin Markup Language)是微信的一套标签语言,结合基础组件、事件系统,可...
    许剑锋阅读 6,981评论 3 51
  • 天 是暗下来了吧 雨 是落起来了吧 地上 是积起了水吧 蜻蜓 是打湿了翅膀吧 我们 是听着诗歌睡...
    桔树上阅读 311评论 0 0