小程序自定义组件步骤

最近在用自定义组件搭建小程序,步骤记录如下:

1、 建立components文件夹

    1.1分别创建要用的组件  以点赞为例  ,在wxml中写入组件 <v-like>

 

   1.2 在wxss中编写样式、js编写组件本身的业务逻辑。注意:调用API接口,不能写在组件里,不方便组件的复用,从而保持组件的通用性。

2、写好的组件可以引用到页面

4、引用好v-like点赞的组建后,在页面点击点赞,用bind:tap能获取到事件,但是获取不到事件状态是点赞还是取消点赞。只能通过behavior事件来监听点击事件是点赞还是取消点赞。

5、提交数据还是要写在models中,新建like.js。同时引入HTTP,定义LikeModel的类并继承HTTP类。定义like(){}方法。

6、在页面中引入likeModel的类,并实例化这个类。就可以使用likeModel这个模型。

原文地址:https://www.cnblogs.com/colorful-paopao1/p/10873583.html