微信小程序Behavior

什么是微信小程序Behavior

behaviors 是小程序中，用于实现组件间代码共享的特性，类似于 Vue.js 中的 “mixins”。

behaviors 的工作方式

每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时，它的属性、数据和方法会被合并到组件中。

每个组件可以引用多个 behavior，behavior 也可以引用其它 behavior。

创建 behavior

调用 Behavior(Object object) 方法即可创建一个共享的 behavior 实例对象，供所有的组件使用。

// my-behavior.js
module.exports = Behavior({
  behaviors: [],
  properties: {
    myBehaviorProperty: {
      type: String
    }
  },
  data: {
    myBehaviorData: {}
  },
  attached: function(){},
  methods: {
    myBehaviorMethod: function(){}
  }
})

导入并使用 behavior

在组件中，使用 require() 方法导入需要的 behavior，挂载后即可访问 behavior 中的数据或方法，示例代码如下。

// 1、使用 require() 导入需要的自定义 behavior 模块
const myBehavior = require('../../behaviors/my-behavior')
// 2 将导入的 behavior 实例对象，挂载到 behaviors 数组节点中，即可生效
Component({
  behaviors: [myBehavior],
})

behavior 的生命周期

当组件触发生命周期时，生命周期函数执行顺序为：
1、[my-behavior] created
2、[my-component] created
3、[my-behavior] attached
4、[my-component] attached
5、[my-behavior] ready
6、[my-component] ready
生命周期函数不会相互覆盖，而是在对应触发时机被逐个调用
对于不同的生命周期函数之间，遵循组件生命周期函数的执行顺序
对于同种生命周期函数，遵循如下规则：
1、behavior 优先于组件执行；
2、子 behavior 优先于 父 behavior 执行；
3、靠前的 behavior 优先于 靠后的 behavior 执行；
4、如果同一个 behavior 被一个组件多次引用，它定义的生命周期函数只会被执行一次。