微信小程序 自定义组件实现通信

前言
微信小程序（后面统称小程序）中的组件到底是什么？按照笔者的理解来说就是开发者自己封装的一个的模块，然后可以再页面和其他组件中去引用。做过移动（Android/iOS）开发的小伙伴们肯定知道自定义控件，就跟那个差不多。使用组件能让我们在开发的时候将用的较多，且功能通用或者重复的模块和业务逻辑分离，从而使项目耦合降低，可读性强和维护性成本降低。

实现步骤

在项目根目录新建一个文件夹component

在component目录下新建一个目录，取名为你自定义组件名字

在页面中引用

json文件中开启自定义组件

"component": true,

wxml中定义自定义组件

<button>自定义的组件</button>

在需要使用的页面的json中引入组件

"usingComponents": {
    "btn":"../../pages/zj/zj"
  }

wxml页面使用组件(组件名就是在json中引入时定义的)

<btn></btn>

 

此时我们就使用了一个自定义组件

下面完成通信

组件中加入属性及方法

<button bindtap="click" data-id="{{like}}">自定义的组件</button>

js文件中定义属性 方法

 

在需要使用的页面中加入此属性

<btn like='2'></btn>

通信完成