这一节主要是Behaviour的介绍,behaviors 是用于组件间代码共享的特性,每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。 每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior 。简单看一下用法,如下:
commonBeh.js
let classicBehavior = Behavior({
properties: {
type:String,
img:String,
content:String
},
data: {
}
})
export { classicBehavior }
使用:
import {
classicBehavior
} from '../commonBeh.js'
Component({
behaviors: [classicBehavior],
});
xx.wxml
<view class="classic-container">
<image src="{
{img}}" class="classic-img"></image>
<text class="content">{
{content}}</text>
</view>
注:同名字段的覆盖和组合规则组件和它引用的 behavior 中可以包含同名的字段,对这些字段的处理方法如下:
如果有同名的属性 (properties) 或方法 (methods):若组件本身有这个属性或方法,则组件的属性或方法会覆盖 behavior 中的同名属性或方法;若组件本身无这个属性或方法,则在组件的 behaviors 字段中定义靠后的 behavior 的属性或方法会覆盖靠前的同名属性或方法;