逐福科技
177-371-24501(同微信)

微信小程序behaviors是什么,使用 behaviors实例

2022-04-21 管理员

  behaviors

  定义和使用 behaviors

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

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

  behavior 需要使用 Behavior() 构造器定义。

  代码示例:

  // my-behavior.js

  module.exports = Behavior({

  behaviors: [],

  properties: {

  myBehaviorProperty: {

  type: String

  }

  },

  data: {

  myBehaviorData: {}

  },

  attached: function(){},

  methods: {

  myBehaviorMethod: function(){}

  }

  })

  组件引用时,在 behaviors 定义段中将它们逐个列出即可。

  代码示例:

  // my-component.js

  var myBehavior = require('my-behavior')

  Component({

  behaviors: [myBehavior],

  properties: {

  myProperty: {

  type: String

  }

  },

  data: {

  myData: {}

  },

  attached: function(){},

  methods: {

  myMethod: function(){}

  }

  })

  在上例中, my-component 组件定义中加入了 my-behavior ,而 my-behavior 中包含有 myBehaviorProperty 属性、 myBehaviorData 数据字段、 myBehaviorMethod 方法和一个 attached 生命周期函数。这将使得 my-component 中最终包含 myBehaviorProperty 、 myProperty 两个属性, myBehaviorData 、 myData 两个数据字段,和 myBehaviorMethod 、 myMethod 两个方法。当组件触发 attached 生命周期时,会依次触发 my-behavior 中的 attached 生命周期函数和 my-component 中的 attached 生命周期函数。

  字段的覆盖和组合规则

  组件和它引用的 behavior 中可以包含同名的字段,对这些字段的处理方法如下:

  如果有同名的属性或方法,组件本身的属性或方法会覆盖 behavior 中的属性或方法,如果引用了多个 behavior ,在定义段中靠后 behavior 中的属性或方法会覆盖靠前的属性或方法;

  如果有同名的数据字段,如果数据是对象类型,会进行对象合并,如果是非对象类型则会进行相互覆盖;

  生命周期函数不会相互覆盖,而是在对应触发时机被逐个调用。如果同一个 behavior 被一个组件多次引用,它定义的生命周期函数只会被执行一次。

  内置 behaviors

  自定义组件可以通过引用内置的 behavior 来获得内置组件的一些行为。

  代码示例:

  Component({

  behaviors: ['wx://form-field']

  })

  在上例中, wx://form-field 代表一个内置 behavior ,它使得这个自定义组件有类似于表单控件的行为。

  内置 behavior 往往会为组件添加一些属性。在没有特殊说明时,组件可以覆盖这些属性来改变它的 type 或添加 observer 。

上一篇:小程序绑定公众号怎么关联,小程序绑定公众号的具体过程
下一篇:餐厅类小程序有哪些功能,快速开发生成餐厅微信小程序
相关资讯 Releva ntnews
解决方案 Solutions
相关热点 Hot spot
郑州快速建站:网站的站内优化怎么做
  1. 我们的优势
  2. 我们的实力
  3. 选择我们的理由
咨询电话(微信同号)

177-371-24501(同微信)

豫ICP备17049932号

Copyright © 2017-2022 版权所有 追风建站 Rights Reserved 技术支持:酷微科技

电话咨询 在线咨询 服务项目 SEO优化