-
店铺开通
销客多小程序商城,可快速开通上架店铺
-
拉新推广
链接12亿微信流量,拉新工具沉淀意向客户
-
复购裂变
拼团、分销等提升转化,不断裂变新用户购买
-
对接门店
线上导流、促活门店,实现线上下同步发展
销客多小程序商城,可快速开通上架店铺
链接12亿微信流量,拉新工具沉淀意向客户
拼团、分销等提升转化,不断裂变新用户购买
线上导流、促活门店,实现线上下同步发展
2020-09-27 作者:黄先生
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 。
推荐文章
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() ) 获取当前的页面栈,决定需要返回几层。 OBJECT 参数说明:...
小程序的能力需要微信客户端来支撑,每一个基础库都只能在对应的客户端版本上运行,高版本的基础库无法兼容低版本的微...
根据2017年微信小程序最新开发,新开发出了一个非常有远见的功能,就是小程序弹幕功能,通过此功能可以实现实时发送弹...
wx.saveFile(OBJECT) 保存文件到本地。 OBJECT参数说明: 参数 类型 必填 说明 tempFilePath String 是 需要保存的文件的临时路径 succe...
在现代社会,超市已经成为了人们生活中不可或缺的一部分。而一个好的收银系统则可以大大地提高超市工作效率,并且减少...
收银软件是商店经营中最必要的实用工具之一,收银软件的性能决定了商店管理的效率。从目前的收银软件市场来看,以下是...
微信收款商家版退款方法 1、移动端退款方法 移动端支持部分退款和全额退款,但交易时间超过一年的订单无法提交退款。...
收银软件是门店运营中非常必备的实用工具之一,收银软件的性能决定着一家门店管理的效率,那么目前收银软件市场来看,...
随着连锁便利店市场的繁荣,间接也带动连锁便利店收银系统的兴盛,很多便利店都开始了收银系统的应用,一时之间,市面...
生鲜超市收银系统十大品牌有哪些呢?银豹、HiShop友数、客如云、森果收银台、中仑零售、千帆掌柜、德客生鲜版、惠管家、...