behaviors在小程序中是什么?如何创建和使用?-小程序开发

首页 2024-07-09 08:05:12

什么是behaviors?下面的文章将带您了解小程序中自定义的组件 behaviors,介绍behaviors的创建,并介绍和使用方法,希望对大家有所帮助!

什么是 behaviors

behaviors 它是小程序中用来实现组件代码共享的特性,功能相似 Vue.js 中的 mixins。例如,在多个组件中,有些代码是完全相同的。我们不需要再写每个组件了。为了方便起见,我们可以包装这部分代码并将其放置 behaviors 共享,谁使用这部分代码,直接引用就可以生效

behaviors 的工作方式
  • 在小程序中,每一个 behaviors 它可以包含一组属性、数据、生命周期和方法。当组件被引用时,其属性、数据和方法将合并到组件中。
  • 多个组件可以在每个组件中引用 behaviors ,每个 behaviors 也可以互相引用
behaviors 的创建

调用 behaviors(Object Object) 方法可以创建一个共享的方法 behaviors 所有组件都使用实例对象

//使用 module.exports 将 behavior 共享实例对象
module.exports = Behavior({
    
    ///私有数据节点
    data: { },
    
    ///属性节点
    properties: { },
    
    ///事件处理
    methods: {  }
})

behaviors 导入和使用

在组件中使用 require() 导入所需的方法 behaviors,挂载后即可访问 behaviors 数据或方法

//1.使用 `require()` 导入所需的自定义 behaviors 模块
const myBehaviors = require("../../behaviors/behaviors")

Component({

  //2. 将导入的 behaviors 实例对象,挂载到 可用于behaviors数组的节点
  behaviors: [myBehaviors],
  
  properties: {
    //...
  }
  
  ///其他代码...
})
behaviors 所有可用节点

比较常用的有 properties、data、methods、behaviors

可用的节点 类型 是否必填 描述 properties Object Map 否 同一组件的属性 data Object 否 同一组件的数据 methods Object 否 同自定义组件的方法 behaviors Sting Array 否 引用其它的 behaviors created Function 否 生命周期函数 attached Function 否 生命周期函数 ready Function 否 生命周期函数 moved Function 否 生命周期函数 detached Function 否 生命周期函数 同名字段的覆盖和组合规则

以及它引用的组件 behaviors 可包含同名字段,此时可参考以下三个同名字段处理规则

  • 同名数据字段 (data)

    • 如果同名数据字段为对象类型,则将合并对象
    • 数据覆盖将在其他情况下进行,覆盖规则: 组件 > 父 behaviors > 子 behaviors 、靠后的 behaviors > 靠前的 behaviors(覆盖率较高的优先级较低,最大优先级最高)
  • 同名的属性(properties)或方法(methods)

    • 如果组件本身具有此属性或方法,则将覆盖组件的属性或方法 behaviors 同名属性或方法
    • 如果组件本身没有这个属性或方法,则在组件中 behaviors 定义后面的字段 behaviors 属性或方法将覆盖前同名属性或方法
    • 在上一个基础上,如果有嵌套引用 behaviors 规则是:父亲 behaviors 覆盖 子 behaviors中同名的属性或方法
  • 同名生命周期函数

    • 对不同的生命周期函数,遵循组件生命周期函数的顺序
    • 同一生命周期函数遵循以下规则
      • behaviors 组件执行优先
      • 子 behaviors 优先于父 behaviors执行执行
      • 靠前的 behaviors 优先于后者 behaviors 执行
    • 如果同一个 behaviors 多次引用一个组件,定义生命周期函数只执行一次

【相关学习推荐:小程序开发教程】

以上是对小程序中什么是behaviors的分析?如何创建和使用?详情请关注其他相关文章!


p

最新文章

  • behaviors在小程序中是什么?如何创建和使用?-小程序开发

  • U盘系统备份,安全无忧,一步到位!

  • 腾讯服务器3389端口:安全守护,严防漏洞!

  • 总结和分享微信小程序开发步骤-小程序开发

  • 顶级备份工具大赏,实力铸就信赖之选!

  • 穿越虚拟界限,探索无限可能的新世界!

  • 本文为您带来了微信小程序的相关知识,主要介绍了微信小程序的开发步骤和主要流程,希望对您有所帮助。

    【相关学习推荐:小程序学习教程】

    目前,applet行业已成为互联网营销的热门黑马之一。applet行业依托主流平台,具有自然的用户基础和独特的资源优势。它以其方便快捷的操作和简单流行的模式,在短短一年内迎来了爆炸性的增长。目前市场上开发的小程序从几千到几万不等。以腾讯云为例,腾讯官方团队设计,推出后立即投入运营的小程序每年以680~3680的价格出售。从最简单的开始,我们就不谈复杂的小程序设计了。

    小程序有两种开发方式,一种是定制开发,另一种是第三方平台开发。定制开发价格高,数万甚至数十

  • 相关文章

  • 总结和分享微信小程序开发步骤-小程序开发

  • 本文为您带来了微信小程序的相关知识,主要介绍了微信小程序的开发步骤和主要流程,希望对您有所帮助。

    【相关学习推荐:小程序学习教程】

    目前,applet行业已成为互联网营销的热门黑马之一。applet行业依托主流平台,具有自然的用户基础和独特的资源优势。它以其方便快捷的操作和简单流行的模式,在短短一年内迎来了爆炸性的增长。目前市场上开发的小程序从几千到几万不等。以腾讯云为例,腾讯官方团队设

  • 谈谈小程序如何实现“全文收起”功能-小程序开发

  • 微信小程序开发的底部导航-小程序开发

  • 总结整理微信小程序常用表单组件-小程序开发

  • 总结分享微信小程序常见面试题-小程序开发

  • 简单分析微信小程序元素-小程序开发

  • 总结整理微信小程序权限界面-小程序开发

  • 微信小程序WXML模板语法总结-小程序开发

  • 微信小程序视图层详解-小程序开发

  • 微信小程序页面路由知识点总结-小程序开发

  • 微信小程序云服务配置详解-小程序开发