@作者 : SYFStrive

?

@博客首頁(yè) : HomePage

📜： 微信小程序

📌：個(gè)人社區(qū)（歡迎大佬們加入） 👉：社區(qū)鏈接🔗

📌：覺(jué)得文章不錯(cuò)可以點(diǎn)點(diǎn)關(guān)注 👉：專欄連接🔗

💃：感謝支持,學(xué)累了可以先看小段由小胖給大家?guī)?lái)的街舞

👉 微信小程序（🔥）

目錄

• 自定義組件 - behaviors
• ????1、什么是 behaviors
• ????2、behaviors 的工作方式
• ????3、創(chuàng)建 behavior
• ????4、導(dǎo)入并使用 behavior
• ????5、behavior 中所有可用的節(jié)點(diǎn)
• ????6、同名字段的覆蓋和組合規(guī)則
• 總結(jié)
• 最后

自定義組件 - behaviors

????1、什么是 behaviors

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

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

每個(gè) behavior 可以包含一組屬性、數(shù)據(jù)、生命周期函數(shù)和方法。組件引用它時(shí)，它的屬性、數(shù)據(jù)和方法會(huì)被合并到組件中。每個(gè)組件可以引用多個(gè) behavior，behavior 也可以引用其它 behavior。

????3、創(chuàng)建 behavior

調(diào)用 Behavior(Object object) 方法即可創(chuàng)建一個(gè)共享的 behavior 實(shí)例對(duì)象，供所有的組件使用如 👇

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

????4、導(dǎo)入并使用 behavior

在組件中，使用 require() 方法導(dǎo)入需要的 behavior，掛載后即可訪問(wèn) behavior 中的數(shù)據(jù)或方法

如 👇

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

????5、behavior 中所有可用的節(jié)點(diǎn)

可用的節(jié)點(diǎn)類型是否必填描述

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

????6、同名字段的覆蓋和組合規(guī)則

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

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

Behaviors官方教程鏈接

總結(jié)

① 能夠創(chuàng)建并引用組件

全局引用、局部引用、usingComponents

② 能夠知道如何修改組件的樣式隔離選項(xiàng)

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

③ 能夠知道如何定義和使用數(shù)據(jù)監(jiān)聽(tīng)器

observers

④ 能夠知道如何定義和使用純數(shù)據(jù)字段

options 👉 pureDataPattern

⑤ 能夠知道實(shí)現(xiàn)組件父子通信有哪3種方式

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

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

調(diào)用 Behavior() 構(gòu)造器方法

最后

本文到這里就結(jié)束了,大佬們的支持是我持續(xù)更新的最大動(dòng)力，希望這篇文章能幫到大家💪

?

?????????????????相關(guān)專欄連接🔗

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。