組件行為 behaviors

2020-02-11 17:31 更新

定義和使用 behaviors

behaviors 是用于組件間代碼共享的特性,類似于一些編程語言中的 mixins

每個 behavior 可以包含一組屬性、數(shù)據(jù)、生命周期函數(shù)和方法,組件引用它時,它的屬性、數(shù)據(jù)和方法會被合并到組件中,生命周期函數(shù)也會在對應(yīng)時機被調(diào)用。每個組件可以引用多個 behavior 。 behavior 也可以引用其他 behavior 。

behavior 需要使用 Behavior() 構(gòu)造器定義。

代碼示例

module.exports = Behavior({
  behaviors: [],
  properties: {
    myBehaviorProperty: {
      type: String
    }
  },
  data: {
    myBehaviorData: {}
  },
  attached: function() {},
  methods: {
    myBehaviorMethod: function() {}
  }
});

組件引用時,在 behaviors 定義段中將它們逐個列出即可。

代碼示例

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 兩個方法。當組件觸發(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)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號