码迷,mamicode.com
首页 > 微信 > 详细

微信小程序如何使用自定义组件

时间:2018-03-30 18:26:57      阅读:342      评论:0      收藏:0      [点我收藏+]

标签:自定义   分享图片   包含   vue   需要   微信   wxs   配置   来讲   

本博文是通过实际开发中的一个实例来讲解自定义组件的使用。

第一步:新建自定义组件目录,如图,我新建了个componts和tabList目录,然后右键tabList目录选择新建compont取名为tabList,就生成了如下目录结构,组件结构和page一样,包含js json wxml wxss 四个文件

技术分享图片

第二步:写好js 写好wxml  写法和page一样

技术分享图片

技术分享图片

第三步:在要使用的目标页面,配置下

技术分享图片

第四步:以标签的形式在页面中使用;

技术分享图片

 

 传递数据和vue一样,通过自定义属性,如图红框中的tabData,组件里再用

properties接受就可以了。
需要本项目demo的朋友赞助后联系我,完全实战项目,接口均可调用。
技术分享图片

 

 

微信小程序如何使用自定义组件

标签:自定义   分享图片   包含   vue   需要   微信   wxs   配置   来讲   

原文地址:https://www.cnblogs.com/bing1991/p/8677629.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!