分享者:哲学李论,来自原文地址 今天介绍的这款组件化实现方案,是wech:https://github.com/chenzhuo1992/wech
1,查看demo
1.git clone https://github.com/chenzhuo1992/wech.git 2,它是如何运作的 在wech内部有一段这样的代码:
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。 因为set(){}属性设置器是空的,所以对props的处理是单向数据流, 那么,看一下mask组件,在wxml中:
很简单,当visible为true时,使用某某css样式,控制显示/隐藏。那么visible是如何改变的? visible是maskConfig的一个data属性: 但是这个属性被Object.defineProperty重定义了。绑定,是微信实现的,嫁接与转移是wech做的。wxml页面中的visible指向了props中的visible(),而visible()又是: return this.data.maskVisible; 在客户代码中,main.js:
只是让maskVisible为true,过1秒自动变为false,这样就改变了mask template组件。是不是很神奇。 这个注入的处理手法值得学习,但是不建议使用这个框架。不过,demo里附带了一个多日日历组件,它的效果还是很不错的,见文未,值得学习。 |
使用组件化开发框架wech
发布:2018-04-16 11:46浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08