• 技术文章 >微信小程序 >小程序开发

    浅析小程序中什么是behaviors?怎么创建和使用?

    青灯夜游青灯夜游2022-03-02 19:36:13转载1909
    什么是behaviors?下面本篇文章带大家了解一下小程序中自定义组件的 behaviors,介绍一下创建behaviors,并导入与使用的方法,希望对大家有所帮助!

    什么是 behaviors

    behaviors 是小程序中用于实现组件代码共享的特性,作用类似 Vue.js 中的 mixins。比如在多个组件中,有一部分代码是完全一样的,我们没有必要每个组件写一遍,为了方便,我们可以把这部分代码封装出来,放在 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 中所有可用的节点

    比较常用的有 propertiesdatamethodsbehaviors

    可用的节点类型是否必填描述
    propertiesObject Map同组件的属性
    dataObject同组件的数据
    methodsObject同自定义组件的方法
    behaviorsSting Array引用其它的 behaviors
    createdFunction生命周期函数
    attachedFunction生命周期函数
    readyFunction生命周期函数
    movedFunction生命周期函数
    detachedFunction生命周期函数

    同名字段的覆盖和组合规则

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

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

    以上就是浅析小程序中什么是behaviors?怎么创建和使用?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除
    上一篇:手把手教你在微信小程序中使用canvas绘制天气折线图(附代码) 下一篇:总结分享微信小程序的开发步骤
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 聊聊怎么在小程序中实现一个可截断的瀑布流组件• 总结分享一些小程序开发中遇到的问题(帮忙避坑)• 什么类型的微信号可以开通门店小程序• 总结分享小程序中 swiper 轮播图高度问题的解决方法• 一个营业执照可申请几个小程序• 手把手教你在微信小程序中使用canvas绘制天气折线图(附代码)
    1/1

    PHP中文网