微信小程序全局组件--蓝牙模块（一）~父子组件之间的通信

今天给大家带来了我的一个自制微信小程序的组件，是有关蓝牙连接的一个组件，当然样式也是非常简洁的，不喜欢的可以自己改一下样式，放在页面中，差不多就是这个样子。

点击这个右下角的蓝牙按钮后，就会启动微信小程序有关蓝牙的一系列api，稍等几秒，就会展示蓝牙列表，如图：

第一行就是蓝牙的名称，第二行就是蓝牙的地址（deviceid），右边的就是蓝牙的信号了，数字越大，信号越强，已经排好序，从上到下信号由强到弱。我这个组件可以做到实时更新蓝牙以及蓝牙的一些信息，可以实现蓝牙断开自动重连（如果觉得鸡肋可以找到去掉）。

好了，废话就说这么多，接下来才是正戏。

在我向大家分享这个组件之前，请大家先熟悉一下父子组件的通信。

首先，设置一个全局组件，需要现在json页面设置以下属性：

在app.json也要设置属性，全局组件设置后，一般就可以在其他页面直接使用组件了

这里大家可以看到，我把bluetooth设置成了组件名称，这个圈起来，等下要考的。

这里我随便打开了一个页面，在这个页面使用组件名称作为标签名，就可以调用到这个组件。大家看到这个标签有三个属性肯定有点慌，一时间搞不太懂，且听我慢慢述来。

id的作用当然是代表这个标签的别名，在js中更好的定位到这个标签。

至于这个bind:event_data，说白了其实就是子组件：bluetooth向父组件：ucmd.wxml传参的一种方式，后面的这个my_kid_data说白了其实就是一个父组件里面的一个函数，类似这样：

然后子组件里的传参方式类似这样

当子组件的代码走到这一行的时候父组件的my_kid_data函数就会收到回调，就能拿到子组件的参数了。

然后咱们来看第三个属性
text
有人就开始想问了，这个text是个啥
其实他就是个屁（canshu）
他就是子组件里的一个参数名，这就是父组件向子组件传参的一种方式。

至于后面的什么{{kid_data.deviceId}}，其实就是父组件data里面的一个参数罢了

当父组件的这个参数存在的时候，子组件对应的参数就会接收到了.

由于组件的篇幅较长，还在整理中，下周我会尽快更新的，喜欢的朋友们可以点赞，评论加收藏支持一下我。