En los applets de WeChat, los comportamientos son funciones que se utilizan para compartir código entre componentes.
Cada comportamiento puede contener un conjunto de propiedades, datos, funciones de ciclo de vida y métodos.
Cuando un componente hace referencia a él, sus propiedades, datos y métodos se fusionarán en el componente y se llamará a la función de ciclo de vida en el momento correspondiente.
Primero, debe definir un comportamiento, que es un objeto que puede contener propiedades, datos, métodos, tiempos de vida y otros campos, por ejemplo:
// my-behavior.js
module.exports = Behavior({
properties: {
myBehaviorProperty: {
type: String
}
},
data: {
myBehaviorData: 'my-behavior-data'
},
methods: {
myBehaviorMethod: function() {
console.log('my-behavior-method')
}
},
lifetimes: {
created: function() {
console.log('my-behavior-created')
},
attached: function() {
console.log('my-behavior-attached')
},
ready: function() {
console.log('my-behavior-ready')
}
}
})
Luego, debe introducir el comportamiento escrito en el componente y agregarlo al atributo de comportamientos, por ejemplo:
// my-component.js
var myBehavior = require('my-behavior')
Component({
behaviors: [myBehavior],
properties: {
myProperty: {
type: String
}
},
data: {
myData: 'my-component-data'
},
methods: {
myMethod: function() {
console.log('my-component-method')
}
},
lifetimes: {
created: function() {
console.log('my-component-created')
},
attached: function() {
console.log('my-component-attached')
},
ready: function() {
console.log('my-component-ready')
}
}
})
Finalmente, puede usar las propiedades, datos y métodos definidos en el comportamiento en el componente, por ejemplo:
// my-component.js
Component({
// ...
methods: {
// ...
useBehaviorDataAndMethod: function() {
// 使用behavior中的数据
console.log(this.data.myBehaviorData); // 输出'my-behavior-data'
// 使用behavior中的方法
this.myBehaviorMethod(); // 输出'my-behavior-method'
}
}
})