【微信小程序--behaviors】

原创已于 2023-05-06 12:00:50 修改 · 216 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

于 2023-05-06 12:00:37 首次发布

微信小程序专栏收录该内容

7 篇文章

订阅专栏

Behaviors在小程序中扮演着类似Vue中的mixins的角色，用于组件间的代码共享。它们可以包含属性、数据、生命周期方法和函数。一个组件能引用多个Behavior，且Behavior之间也能互相引用。例如，在`my-behavior.js`中定义了一个Behavior，然后在`my-component.js`中通过`Component`的`behaviors`字段引入并使用。

如何定义和使用behaviors

官方文档-behaviors

behaviors 是小程序中，用于实现组件间代码共享，类似于vue中的mixins

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

创建behavior

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

导入并使用behavior

// my-component.js
var myBehavior = require('my-behavior')
Component({
  behaviors: [myBehavior]
})