如何定義和使用behaviors

本文小編為大家詳細(xì)介紹“如何定義和使用behaviors”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“如何定義和使用behaviors”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

　　behaviors

　　定義和使用 behaviors

　　behaviors 是用于組件間代碼共享的特性，類似于一些編程語言中的“mixins”或“traits”。

　　每個(gè) behavior 可以包含一組屬性、數(shù)據(jù)、生命周期函數(shù)和方法，組件引用它時(shí)，它的屬性、數(shù)據(jù)和方法會(huì)被合并到組件中，生命周期函數(shù)也會(huì)在對(duì)應(yīng)時(shí)機(jī)被調(diào)用。每個(gè)組件可以引用多個(gè) 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(){}

　　}

　　})

　　組件引用時(shí)，在 behaviors 定義段中將它們逐個(gè)列出即可。

　　代碼示例：

　　// 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 方法和一個(gè) attached 生命周期函數(shù)。這將使得 my-component 中最終包含 myBehaviorProperty 、 myProperty 兩個(gè)屬性， myBehaviorData 、 myData 兩個(gè)數(shù)據(jù)字段，和 myBehaviorMethod 、 myMethod 兩個(gè)方法。當(dāng)組件觸發(fā) attached 生命周期時(shí)，會(huì)依次觸發(fā) my-behavior 中的 attached 生命周期函數(shù)和 my-component 中的 attached 生命周期函數(shù)。

　　字段的覆蓋和組合規(guī)則

　　組件和它引用的 behavior 中可以包含同名的字段，對(duì)這些字段的處理方法如下：

　　如果有同名的屬性或方法，組件本身的屬性或方法會(huì)覆蓋 behavior 中的屬性或方法，如果引用了多個(gè) behavior ，在定義段中靠后 behavior 中的屬性或方法會(huì)覆蓋靠前的屬性或方法;

　　如果有同名的數(shù)據(jù)字段，如果數(shù)據(jù)是對(duì)象類型，會(huì)進(jìn)行對(duì)象合并，如果是非對(duì)象類型則會(huì)進(jìn)行相互覆蓋;

　　生命周期函數(shù)不會(huì)相互覆蓋，而是在對(duì)應(yīng)觸發(fā)時(shí)機(jī)被逐個(gè)調(diào)用。如果同一個(gè) behavior 被一個(gè)組件多次引用，它定義的生命周期函數(shù)只會(huì)被執(zhí)行一次。

　　內(nèi)置 behaviors

　　自定義組件可以通過引用內(nèi)置的 behavior 來獲得內(nèi)置組件的一些行為。

　　代碼示例：

　　Component({

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

　　})

　　在上例中， wx://form-field 代表一個(gè)內(nèi)置 behavior ，它使得這個(gè)自定義組件有類似于表單控件的行為。

　　內(nèi)置 behavior 往往會(huì)為組件添加一些屬性。在沒有特殊說明時(shí)，組件可以覆蓋這些屬性來改變它的 type 或添加 observer 。

讀到這里，這篇“如何定義和使用behaviors”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。