官方文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/
和vue的写法相比,感觉也就换了个皮,写起来都是一个模样,大体通信和事件,官方文档就是很好的学习工具。
第一次尝试,写了个简单很常用的组件
使用方法:
①下载源码到本地
Github地址:
https://github.com/xuhuai66/share-component
然后将components/share目录直接拷贝到你的小程序
②配置全局引用
在app.json中配置:
"usingComponents": {
"share": "components/share/share"
},
此处的路径根据你拷贝的代码存放位置 ③页面内引用
在需要引用的页面,直接添加
<share />
其中可配置参数
shareImg:分享图
shareColor:背景颜色
shareBottom:距离底部距离
默认配置
<share shareImg="http://xuhuai.oss-cn-beijing.aliyuncs.com/img/component/share.png" shareColor="#fbbd08" shareBottom="50rpx" />
这是个很简单的组件,写出来一方面是因为学习,另一方面是因为使用频率很高,直接组件搬运起来更快。