小程序自定义组件实现以及组件之间通信

来源：榕意旅游网

自定义组件实现具体内容

子组件文件

父组件文件

1.首先配置父组件的.json文件，也就是上面的assess.json文件，引入子组件，配置如下：

2.配置父组件的.wxml文件，配置如下：

标签名就是上面配置的组件名称，

location={{location}} 是数据绑定，

bind:placetextCityUpdate="placetextCityUpdate" 是事件绑定

3.子组件里定义接收绑定数据

4.子组件里调用父组件事件

placetextCityUpdate是上面绑定的事件名称，{}里是数据传递

this.triggerEvent("placetextCityUpdate", {});

5.父组件里定义方法给子组件调用

官方说明：出于性能考虑，使用 usingComponents 时， setData 内容不会被直接深复制，即 this.setData({ field: obj }) 后 this.data.field === obj 。（深复制会在这个值被组件间传递时发生。）

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文