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

2018-06-24 01:47:39来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

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

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

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

 

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

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

 

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js 分页插件(jQuery)

下一篇:javaScript设计模式 -- 灵活的javaScript语言