微信小程序 behaviors的理解

最新推荐文章于 2024-06-19 22:34:25 发布

黄梅之俊雅

最新推荐文章于 2024-06-19 22:34:25 发布

阅读量322

点赞数 1

文章标签：微信小程序小程序前端

本文链接：https://blog.csdn.net/qq_58511059/article/details/128940915

版权

微信小程序的behaviors特性允许组件间共享代码，类似'mixins'或'traits'。每个behavior包含属性、数据、生命周期函数和方法，被引用时合并到组件中。组件可引用多个behavior，且有同名字段处理规则：属性、方法由组件覆盖，数据合并，生命周期按顺序执行。

摘要由CSDN通过智能技术生成

微信小程序 behaviors

一、什么是 behaviors

behaviors 是用于组件间代码共享的特性，类似于一些编程语言中的 “mixins” 或 “traits”。

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

二、创建 behavior

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

// 调用 Behavior() 方法，创建实例对象

// 并使用 module.exports 将 behavior 实例对象共享出去
module.exports = Behavior({
   
  // behaviors 是用于组件间代码共享的特性，类似于一些编程语言中的 “mixins” 或 “traits”。
// 每个 behavior 可以包含一组属性、数据、生命周期函数和方法。
// 组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用。 
// 每个组件可以引用多个 behavior ，behavior 也可以引用其它 behavior
  behaviors: [],
    // 属性节点
  properties: {
   
    myBehaviorProperty: {
   
      type: String
    }
  },
   // 私有数据节点
  //  组件的内部数据，和 properties 一同用于组件的模板渲染
  data: {
   
    myBehaviorData: