什么是behaviors
?behaviors
是小程序用于组件之间代码共享的特性,类型Vue
中的mixins
。
每个behaviors
都可以包含一组属性、属性、生命周期函数和方法。组件引用behaviors
的时候这些数据、属性将进行合并。
每个组件都可以引入多个behaviors
,behaviors
也可以引入其他behaviors
。
var myBehavior = require('./my-behavior')
Component({
behaviors: [myBehavior],
properties: {
myProperty: {
type: String
}
},
data: {
myData: 'my-component-data'
},
created: function () {
console.log('[my-component] created')
},
attached: function () {
console.log('[my-component] attached')
},
ready: function () {
console.log('[my-component] ready')
},
methods: {
myMethod: function () {
console.log('[my-component] log by myMethod')
},
}
})
module.exports = Behavior({
behaviors: [],
properties: {
myBehaviorProperty: {
type: String
}
},
data: {
myBehaviorData: {}
},
methods: {
myBehaviorMethod: function(){}
}
})
同名覆盖
- 如果有同名的属性 (
properties
) 或方法 (methods
):- 若组件本身有这个属性或方法,则组件的属性或方法会覆盖
**behavior**
中的同名属性或方法; - 若组件本身无这个属性或方法,则在组件的
behaviors
字段中定义靠后的behavior
的属性或方法会覆盖靠前的同名属性或方法; - 在 2 的基础上,若存在嵌套引用 behavior 的情况,则规则为:引用者
behavior
覆盖被引用的behavior
中的同名属性或方法。
- 若组件本身有这个属性或方法,则组件的属性或方法会覆盖
- 如果有同名的数据字段 (
data
):- 若同名的数据字段都是对象类型,会进行对象合并;
- 其余情况会进行数据覆盖,覆盖规则为: 引用者
behavior
> 被引用的behavior
、 靠后的behavior
> 靠前的behavior
。(优先级高的覆盖优先级低的,最大的为优先级最高)
- 生命周期函数和
observers
不会相互覆盖,而是在对应触发时机被逐个调用:- 对于不同的生命周期函数之间,遵循组件生命周期函数的执行顺序;
- 对于同种生命周期函数和同字段
observers
,遵循如下规则:behavior
优先于组件执行;- 被引用的
behavior
优先于引用者behavior
执行; - 靠前的
behavior
优先于靠后的behavior
执行;
- 如果同一个
behavior
被一个组件多次引用,它定义的生命周期函数和observers
不会重复执行