小程序behavior

wllllllya

已于 2022-09-04 23:28:13 修改

阅读量652

点赞数 1

文章标签：小程序

于 2022-08-10 18:55:09 首次发布

本文链接：https://blog.csdn.net/m0_58391474/article/details/126269487

版权

本文详细介绍了小程序中Behavior的功能和用法。Behavior作为组件的公共代码部分，用于存放属性、数据、生命周期函数和方法，方便组件间共享。文章通过基础使用步骤、内置Behavior的应用，特别是自定义组件中单个和多个表单元素的示例，进一步阐述了Behavior的实战价值。同时，提到了computed计算属性和watch侦听器在组件中的作用。

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

1，behavior的用处

behavior相当于各个组件的公共代码部分，每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用，方便管理与统一修改. 每个组件可以引用多个 behavior ，behavior 也可以引用其它 behavior

2，behavior的基础使用

①创建js文件，并导出

// behaviors公共代码
const behavior=Behavior({
  properties:{
    bprops:{
      type:String,
      value:"behavior内的自定义属性"
    }
  },
  data:{
      bmsg:"behavior内的自定义数据"
  },
  methods:{
      fun(){
       wx.showToast({
         title: 'hahah',
       })
      }
  }
})
module.exports=behavior

②在其他组件中引入并注册

// components/mycomp/mycom.js
const comBehavior = require("../../behaviors/common")
Component({
  behaviors:[comBehavior],
  /**
   * 组件的属性列表
   */
  properties: