微信小程序wepy自定义card控件封装

微信小程序wepy自定义card控件

在利用wepy开发小程序的过程中，需要使用自定义控件来实现，但是很多时候，若直接在page页面中写对应的控件，下次在另一个页面中，想使用同样的控件又需要重新绑定数据，重新适合样式，给开发带了不便，由此，原生微信小程序以及wepy框架都提供了封装控件的功能，使得代码的复用性大大提高。

在实验项目的开发过程中，需要使用card类型的控件，作为一个卡片，显示对应的信息，并且要求需要图片。以下便是封装一些开发的经历和感受。

wepy控件介绍

• 创建自定义组件

与原生小程序创建组件得方法大致一致，支持模块化，并且彼此互相独立，但相关得业务代码以及交互事件仍然需要在页面中得到实现。在wepy中，其srcipt部分其页面设置为继承wepy.component。WePY中实现了小程序的组件化开发，组件的所有业务与功能在组件本身实现，组件与组件之间彼此隔离。

在实现中依然按照wepy得结构进行编程，在wepy.component中存在如下属性

属性	说明
customData	自定义数据
customFunction	自定义方法
onLoad	生命周期函数，只在加载页面时显示，页面到后台再次打开不响应
onShow	生命周期函数，页面在前台加载时调用
data	页面所需数据均需在这里声明，可用于模板数据绑定
computed	声明计算属性