behaviors
定義和使用 behaviors
behaviors 是用于組件間代碼共享的特性,類似于一些編程語言中的“mixins”或“traits”。
每個 behavior 可以包含一組屬性、數(shù)據(jù)、生命周期函數(shù)和方法,組件引用它時,它的屬性、數(shù)據(jù)和方法會被合并到組件中,生命周期函數(shù)也會在對應(yīng)時機被調(diào)用。每個組件可以引用多個 behavior 。 behavior 也可以引用其他 behavior 。
behavior 需要使用 Behavior() 構(gòu)造器定義。
代碼示例:
// 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 數(shù)據(jù)字段、 myBehaviorMethod 方法和一個 attached 生命周期函數(shù)。這將使得 my-component 中最終包含 myBehaviorProperty 、 myProperty 兩個屬性, myBehaviorData 、 myData 兩個數(shù)據(jù)字段,和 myBehaviorMethod 、 myMethod 兩個方法。當(dāng)組件觸發(fā) attached 生命周期時,會依次觸發(fā) my-behavior 中的 attached 生命周期函數(shù)和 my-component 中的 attached 生命周期函數(shù)。
字段的覆蓋和組合規(guī)則
組件和它引用的 behavior 中可以包含同名的字段,對這些字段的處理方法如下:
如果有同名的屬性或方法,組件本身的屬性或方法會覆蓋 behavior 中的屬性或方法,如果引用了多個 behavior ,在定義段中靠后 behavior 中的屬性或方法會覆蓋靠前的屬性或方法;
如果有同名的數(shù)據(jù)字段,如果數(shù)據(jù)是對象類型,會進行對象合并,如果是非對象類型則會進行相互覆蓋;
生命周期函數(shù)不會相互覆蓋,而是在對應(yīng)觸發(fā)時機被逐個調(diào)用。如果同一個 behavior 被一個組件多次引用,它定義的生命周期函數(shù)只會被執(zhí)行一次。
內(nèi)置 behaviors
自定義組件可以通過引用內(nèi)置的 behavior 來獲得內(nèi)置組件的一些行為。
代碼示例:
Component({
behaviors: ['wx://form-field']
})
在上例中, wx://form-field 代表一個內(nèi)置 behavior ,它使得這個自定義組件有類似于表單控件的行為。
內(nèi)置 behavior 往往會為組件添加一些屬性。在沒有特殊說明時,組件可以覆蓋這些屬性來改變它的 type 或添加 observer 。
KESION 科汛軟件
KESION 科汛軟件是國內(nèi)領(lǐng)先的在線教育軟件及私域社交電商軟件服務(wù)提供商,長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務(wù)平臺、在線教育SaaS服務(wù)平臺、教育企業(yè)數(shù)字化SaaS云平臺、企微營銷助手、私有化獨立部署品牌網(wǎng)校和在線教育咨詢等。KESION 不斷通過技術(shù)創(chuàng)新,提供產(chǎn)品和服務(wù),助力企業(yè)向數(shù)字化轉(zhuǎn)型,通過科技驅(qū)動商業(yè)革新,讓商業(yè)變得更智慧!
即將推出的餐飲小程序模板,通過在點餐、排隊等功能借助小程序的能力,幫助商戶擺脫對團購網(wǎng)站的依賴,實現(xiàn)自主營銷,增加客流,讓餐飲商戶實現(xiàn)高效運營。當(dāng)然次模板是集合了...
微信之所以受到這么多人的喜愛和支持,不僅僅因為它齊全的語音聊天功能和視頻聊天功能。這些年來微信的公眾號也受到許多人的支持。并且現(xiàn)在微信公眾號也受到許多人的支持和熱...