注冊(cè)

微信小程序behaviors是什么,使用 behaviors實(shí)例

2020-09-27
導(dǎo)讀:behaviors 是用于組件間代碼共享的特性,類(lèi)似于一些編程語(yǔ)言中的“mixins”或“traits”。...

  behaviors

  定義和使用 behaviors

  behaviors 是用于組件間代碼共享的特性,類(lèi)似于一些編程語(yǔ)言中的“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)造器定義。

微信小程序behaviors是什么,使用 behaviors實(shí)例

  代碼示例:

  // 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ì)象類(lèi)型,會(huì)進(jìn)行對(duì)象合并,如果是非對(duì)象類(lèi)型則會(huì)進(jìn)行相互覆蓋;

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

  內(nèi)置 behaviors

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

  代碼示例:

  Component({

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

  })

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

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

重磅推薦:小程序開(kāi)店目錄

第一部分:小商店是什么

第二部分:如何開(kāi)通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開(kāi)店任務(wù)常見(jiàn)問(wèn)題

第五部分:小商店可以賣(mài)什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開(kāi)發(fā)