behaviors如何創建和使用

這篇文章主要講解了“behaviors如何創建和使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“behaviors如何創建和使用”吧！

什么是 behaviors

behaviors 是小程序中用于實現組件代碼共享的特性，作用類似 Vue.js 中的 mixins。比如在多個組件中，有一部分代碼是完全一樣的，我們沒有必要每個組件寫一遍，為了方便，我們可以把這部分代碼封裝出來，放在 behaviors 中進行共享，誰用到這部分代碼，直接引用就可以生效

behaviors 的工作方式

• 在小程序中，每個 behaviors 都可以包含一組屬性、數據、生命周期和方法。組件引用它時，它的屬性、數據和方法會被合并到組件中。

• 每個組件中可以引用多個 behaviors ，每個 behaviors 之間也可以相互引用

behaviors 的創建

調用 behaviors(Object Object) 方法就可以創建一個共享的 behaviors 實例對象，供所有的組件使用

//使用 module.exports 將 behavior 實例對象共享出去
module.exports = Behavior({
    
    //私有數據節點
    data: { },
    
    //屬性節點
    properties: { },
    
    //事件處理
    methods: {  }
})

behaviors 的導入與使用

在組件中，使用 require() 方法導入需要的 behaviors，掛載后即可訪問 behaviors 中的數據或方法

//1.使用 `require()` 導入需要的自定義 behaviors 模塊
const myBehaviors = require("../../behaviors/behaviors")

Component({

  //2. 將導入的 behaviors 實例對象，掛載到 behaviors數組的節點中便可以使用
  behaviors: [myBehaviors],
  
  properties: {
    //...
  }
  
  //其他代碼...
})

behaviors 中所有可用的節點

比較常用的有 properties、data、methods、behaviors

同名字段的覆蓋和組合規則

組件和它引用的 behaviors 中可以包含同名的字段，此時可以參考以下三種同名的處理規則

• 同名的數據字段 （data）

• 若同名的數據字段都是對象類型，會進行對象合并

• 其余情況會進行數據覆蓋，覆蓋規則： 組件 > 父 behaviors > 子 behaviors 、靠后的 behaviors > 靠前的 behaviors（優先級高的覆蓋優先級低的，最大的優先級最高）

• 同名的屬性(properties)或方法(methods)

• 若組件本身有這個屬性或方法，則組件的屬性或方法會覆蓋 behaviors 中的同名屬性或方法

• 若組件本身無這個屬性或方法，則在組件的 behaviors 字段中定義靠后的 behaviors 的屬性或方法會覆蓋靠前的同名屬性或方法

• 在上一條基礎上，若存在嵌套引用 behaviors 的情況，規則是：父 behaviors 覆蓋 子 behaviors中同名的屬性或方法

• 同名的生命周期函數

• behaviors 優先于組件執行

• 子 behaviors 優先于父 behaviors執行

• 靠前的 behaviors 優先于靠后的 behaviors 執行

• 對于不同生命周期函數之間，遵循組件生命周期函數的順序

• 對于同種生命周期函數，遵循如下規則

• 如果同一個 behaviors 被一個組件多次引用，它會定義生命周期函數只會被執行一次

感謝各位的閱讀，以上就是“behaviors如何創建和使用”的內容了，經過本文的學習后，相信大家對behaviors如何創建和使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！