微信小程序自定义组件- behavior

组件通信

在使用自定义组件中获取自定义组件实例

  1. 自定义组件中根组件的属性中加一个id属性
  2. 自定义组件中通过 this.xxx = this.selectComponent('#id值')获取自定义组件的实例
  3. this.xxx.方法名()调用

自定义组件中抛出事件

this.triggerEvent('事件名',数据,冒泡或者捕获的处理方式);

// 只触发调用本身
this.triggerEvent('事件名',数据);
// 触发引用上下层关系
this.triggerEvent('事件名',{},{bubbles:true});
// 依次触发
this.triggerEvent('事件名',{},{bubbles:true,composed:true})

使用方注册事件

bind:事件名="方法名"
bind事件名="方法名"

自定义组件的属性名需要将小驼峰命名改为xxx-xx的形式

behavior 公共组件

官方地址:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/behaviors.html

官方原话
behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” 或 “traits”。
每个behavior可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。
每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior

内置behavior

自定义组件可以通过引用内置的 behavior 来获得内置组件的一些行为。

Component({
  behaviors: ['wx://form-field']
})

在上例中, wx://form-field 代表一个内置 behavior ,它使得这个自定义组件有类似于表单控件的行为。

内置 behavior 往往会为组件添加一些属性。在没有特殊说明时,组件可以覆盖这些属性来改变它的 type 或添加 observer 。

你可能感兴趣的:(笔记)