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

简介: 【愚公系列】2022年02月 微信小程序-Behavior

一、Behavior

1.Behavior的定义

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


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


2.Behavior的属性

image.png

3.使用

module.exports = Behavior({
  behaviors: [],
  properties: {
    myBehaviorProperty: {
      type: String
    }
  },
  data: {
    myBehaviorData: {}
  },
  attached: function(){},
  methods: {
    myBehaviorMethod: function(){}
  }
})
// my-component.js
var 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 调用时的返回值。

相关文章
|
13天前
|
小程序 JavaScript
【微信小程序】-- 自定义组件 - behaviors(三十九)
【微信小程序】-- 自定义组件 - behaviors(三十九)
|
5月前
|
JSON 小程序 前端开发
|
6月前
|
小程序 JavaScript 开发者
微信小程序wepy框架入门教程-底部导航栏效果(五)
微信小程序wepy框架入门教程-底部导航栏效果(五)
121 0
|
7月前
|
JSON 小程序 JavaScript
微信小程序开发笔记—底部导航栏tabar
本文介绍了微信小程序开发中底部导航栏的设计方法,步骤详细,非常适合初学的小伙伴!
243 0
|
5月前
|
缓存 资源调度 小程序
微信小程序(二十五)微信小程序富文本编辑器editor上传图片
一般在做网站开发的时候,最开始使用的一般都是百度的ueditor,但是这个玩意好久不更新了,功能到时够用,就是UI以及其他的一些套件的视觉效果稍差。
116 0
|
6月前
|
JSON 小程序 JavaScript
TCA -微信小程序开发基础
TCA -微信小程序开发基础
40 0
|
9月前
|
小程序 API
微信小程序-behaviors
什么是 behaviors • behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” • 每个 behavior 可以包含一组属性,数据,生命周期函数和方法,组件引用它时,它的属性,数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。每个组件可以引用多个 behavior,behavior 也可以引用其它 behavior。
91 2
|
9月前
|
存储 缓存 小程序
微信小程序-Storage
?> Storage 本地存储,和原生前端开发差不多,单个 Key 允许存储的最大数据长度为 1MB, 所有数据存储上限为 10MB。
142 0
|
9月前
|
小程序 前端开发 JavaScript
微信小程序-button组件
我这里废话不多说,很简单就是直接来使用这个组件,说下使用当中的注意点。
160 0
|
小程序 JavaScript
微信小程序开发入门与实战(Behaviors使用)
微信小程序开发入门与实战(Behaviors使用)
微信小程序开发入门与实战(Behaviors使用)

热门文章

最新文章

相关实验场景

更多