@作者 : SYFStrive

?

@博客首頁 : HomePage

📜： 微信小程序

📌：個人社區（歡迎大佬們加入） 👉：社區鏈接🔗

📌：覺得文章不錯可以點點關注 👉：專欄連接🔗

💃：感謝支持,學累了可以先看小段由小胖給大家帶來的街舞

👉 微信小程序（🔥）

目錄

• 自定義組件 - behaviors
• ????1、什么是 behaviors
• ????2、behaviors 的工作方式
• ????3、創建 behavior
• ????4、導入并使用 behavior
• ????5、behavior 中所有可用的節點
• ????6、同名字段的覆蓋和組合規則
• 總結
• 最后

自定義組件 - behaviors

????1、什么是 behaviors

behaviors 是小程序中，用于實現組件間代碼共享的特性，類似于 Vue.js 中的 “mixins”。

????2、behaviors 的工作方式

每個 behavior 可以包含一組屬性、數據、生命周期函數和方法。組件引用它時，它的屬性、數據和方法會被合并到組件中。每個組件可以引用多個 behavior，behavior 也可以引用其它 behavior。

????3、創建 behavior

調用 Behavior(Object object) 方法即可創建一個共享的 behavior 實例對象，供所有的組件使用如 👇

module.exports=Behavior({data:{username:'xiaoming'},properties:{},methods:{} })

????4、導入并使用 behavior

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

如 👇

const behaviors=require("../../behaviors/behavios")// components/text4/text4.js Component({behaviors:[behaviors], })

????5、behavior 中所有可用的節點

可用的節點類型是否必填描述

properties	Object Map	否	同組件的屬性
data	Object	否	同組件的數據
methods	Object	否	同自定義組件的方法
behaviors	String Array	否	引入其它的 behavior
created	Function	否	生命周期函數
attached	Function	否	生命周期函數
ready	Function	否	生命周期函數
moved	Function	否	生命周期函數
detached	Function	否	生命周期函數

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

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

① 同名的數據字段 (data)
② 同名的屬性 (properties) 或方法 (methods)
③ 同名的生命周期函數

Behaviors官方教程鏈接

總結

① 能夠創建并引用組件

全局引用、局部引用、usingComponents

② 能夠知道如何修改組件的樣式隔離選項

options 👉 styleIsolation（ isolated, apply-shared, shared）

③ 能夠知道如何定義和使用數據監聽器

observers

④ 能夠知道如何定義和使用純數據字段

options 👉 pureDataPattern

⑤ 能夠知道實現組件父子通信有哪3種方式

屬性綁定、事件綁定、this.selectComponent(’ id或class選擇器’)

⑥ 能夠知道如何定義和使用behaviors

調用 Behavior() 構造器方法

最后

本文到這里就結束了,大佬們的支持是我持續更新的最大動力，希望這篇文章能幫到大家💪

?

?????????????????相關專欄連接🔗

下篇文章再見ヾ(￣▽￣)Bye_Bye

總結

以上是生活随笔為你收集整理的微信小程序开发入门与实战（Behaviors使用）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。