【愚公系列】2022 年 12 月微信小程序 -Behavior

2022-12-03
福建
本文字数：843 字
阅读完需：约 3 分钟

一、Behavior

1.Behavior 的定义

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

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

2.Behavior 的属性

3.使用

module.exports = Behavior({  behaviors: [],  properties: {    myBehaviorProperty: {      type: String    }  },  data: {    myBehaviorData: {}  },  attached: function(){},  methods: {    myBehaviorMethod: function(){}  }})

复制代码

// my-component.jsvar myBehavior = require('my-behavior')Component({  behaviors: [myBehavior],  properties: {    myProperty: {      type: String    }  },  data: {    myData: 'my-component-data'  },  created: function () {    console.log('[my-component] created')  },  attached: function () {     console.log('[my-component] attached')  },  ready: function () {    console.log('[my-component] ready')  },  methods: {    myMethod: function () {      console.log('[my-component] log by myMethod')    },  }})

复制代码

注意点：Behavior 创建事件会早于组件，所以组件的同名属性会覆盖 Behavior

二、内置的 Behavior

1.wx://form-field

使自定义组件有类似于表单控件的行为。 form 组件可以识别这些自定义组件，并在 submit 事件中返回组件的字段名及其对应字段值。

2.wx://form-field-group

使 form 组件可以识别到这个自定义组件内部的所有表单控件。

3.wx://form-field-button

使 form 组件可以识别到这个自定义组件内部的 button 。如果自定义组件内部有设置了 form-type 的 button ，它将被组件外的 form 接受。

4.wx://component-export

使自定义组件支持 export 定义段。这个定义段可以用于指定组件被 selectComponent 调用时的返回值。

发布于: 刚刚阅读数: 3

原文链接:【http://xie.infoq.cn/article/36e7690324998d4b683e96535】。文章转载请联系作者。

愚公搬代码

关注

还未添加个人签名 2022-03-01 加入

该博客包括：.NET、Java、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、python、大数据等相关使用及进阶知识。查看博客过程中，如有任何问题，皆可随时沟通。

发布

暂无评论

创作场景

【愚公系列】2022 年 12 月 微信小程序 -Behavior