88国产精品视频一区二区三区,yy6080久久伦理一区二区

什麼是behaviors

behaviors 的工作方式

behaviors 的建立

behaviors 的導(dǎo)入與使用

#behaviors 中所有可用的節(jié)點(diǎn)

首頁(yè)

微信小程式

小程式開(kāi)發(fā)

淺析小程式中什麼是behaviors？怎麼創(chuàng)建和使用？

青燈夜游

Feb 14, 2022 pm 07:53 PM

小程式自訂元件

什麼是behaviors？以下這篇文章帶大家了解一下小程式中自訂元件的 behaviors，介紹一下建立behaviors，並匯入與使用的方法，希望對(duì)大家有所幫助！

淺析小程式中什麼是behaviors？怎麼創(chuàng)建和使用？

什麼是behaviors

#behaviors 是小程式中用來(lái)實(shí)作元件程式碼共享的特性，作用類(lèi)似Vue.js 中的mixins。例如在多個(gè)元件中，有一部分程式碼是完全一樣的，我們沒(méi)有必要每個(gè)元件寫(xiě)一遍，為了方便，我們可以把這部分程式碼封裝出來(lái)，放在behaviors 中進(jìn)行共享，誰(shuí)用到這部分程式碼，直接引用就可以生效

behaviors 的工作方式

在小程式中，每個(gè)behaviors 都可以包含一組屬性、資料、生命週期和方法。當(dāng)組件引用它時(shí)，它的屬性、資料和方法會(huì)被合併到組件中。
每個(gè)元件中可以引用多個(gè)behaviors ，每個(gè)behaviors 之間也可以互相引用

behaviors 的建立

#呼叫behaviors(Object Object) 方法就可以建立一個(gè)共享的behaviors 實(shí)例對(duì)象，供所有的元件使用

//使用 module.exports 將 behavior 實(shí)例對(duì)象共享出去
module.exports = Behavior({
    
    //私有數(shù)據(jù)節(jié)點(diǎn)
    data: { },
    
    //屬性節(jié)點(diǎn)
    properties: { },
    
    //事件處理
    methods: {  }
})

behaviors 的導(dǎo)入與使用

在元件中，使用require() 方法匯入需要的behaviors，掛載後即可存取behaviors 中的資料或方法

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

Component({

  //2. 將導(dǎo)入的 behaviors 實(shí)例對(duì)象，掛載到 behaviors數(shù)組的節(jié)點(diǎn)中便可以使用
  behaviors: [myBehaviors],
  
  properties: {
    //...
  }
  
  //其他代碼...
})

#behaviors 中所有可用的節(jié)點(diǎn)

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

否##Object否同自訂元件的方法behaviorsSting Array引用其它的behaviors生命週期函數(shù)生命週期函數(shù)生命週期函數(shù)##生命週期函數(shù)detachedFunction否#生命週期函數(shù)

可用的節(jié)點(diǎn)	類(lèi)型	#是否必填	描述
#properties	Object Map		Object
同組件的資料		#methods
			##否
	created	#Function	#否
	attached	Function	否
	#ready	Function	否
	moved	Function	否

#同名字段的覆蓋和組合規(guī)則
- 同名的資料欄位（
data
若同名的資料欄位都是物件類(lèi)型，會(huì)進(jìn)行物件合併其餘情況會(huì)進(jìn)行資料覆蓋，覆蓋規(guī)則：元件> 父behaviors > 子behaviors 、靠後的behaviors > 靠前的behaviors（優(yōu)先級(jí)高的覆蓋優(yōu)先級(jí)低的，最大的優(yōu)先級(jí)最高）
- 同名的屬性(
- properties
- methods
若元件本身有這個(gè)屬性或方法，則元件的屬性或方法會(huì)覆寫(xiě)behaviors 中的同名屬性或方法
若元件本身沒(méi)有這個(gè)屬性或方法，則在元件的behaviors 欄位中定義靠後的behaviors 的屬性或方法會(huì)覆寫(xiě)靠前的同名屬性或方法
- 在上一個(gè)基礎(chǔ)上，若有巢狀引用behaviors 的情況，則規(guī)則是：父behaviors 覆寫(xiě)子behaviors中同名的屬性或方法
- - 對(duì)於不同生命週期函數(shù)之間，遵循組件生命週期函數(shù)的順序
  對(duì)於同種生命週期函數(shù)，遵循如下規(guī)則
- behaviors 優(yōu)先於元件執(zhí)行
子behaviors 優(yōu)先於父behaviors執(zhí)行

靠前的behaviors 優(yōu)先於靠後的behaviors 執(zhí)行

#如果同一個(gè)behaviors 被一個(gè)元件多次引用，它會(huì)定義生命週期函數(shù)只會(huì)被執(zhí)行一次################【相關(guān)學(xué)習(xí)推薦：###小程式開(kāi)發(fā)教程###】###

以上是淺析小程式中什麼是behaviors？怎麼創(chuàng)建和使用？的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！

本網(wǎng)站聲明

本文內(nèi)容由網(wǎng)友自願(yuàn)投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undresser.AI Undress

人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片

熱工具

熱門(mén)話(huà)題

gmail信箱登陸入口在哪裡

8637

Java教學(xué)

1783

CakePHP 教程

1727

Laravel 教程

1577

PHP教程

1442

Related knowledge

使用Python開(kāi)發(fā)微信小程式 Jun 17, 2023 pm 06:34 PM

隨著行動(dòng)互聯(lián)網(wǎng)技術(shù)和智慧型手機(jī)的普及，微信成為了人們生活中不可或缺的一個(gè)應(yīng)用。而微信小程式則讓人們可以在不需要下載安裝應(yīng)用程式的情況下，直接使用小程式來(lái)解決一些簡(jiǎn)單的需求。本文將介紹如何使用Python來(lái)開(kāi)發(fā)微信小程式。一、準(zhǔn)備工作在使用Python開(kāi)發(fā)微信小程式之前，需要先安裝相關(guān)的Python函式庫(kù)。這裡推薦使用wxpy和itchat這兩個(gè)函式庫(kù)。 wxpy是一個(gè)微信機(jī)器

實(shí)作微信小程式中的卡片翻轉(zhuǎn)特效 Nov 21, 2023 am 10:55 AM

實(shí)作微信小程式中的卡片翻轉(zhuǎn)特效在微信小程式中，實(shí)現(xiàn)卡片翻轉(zhuǎn)特效是一種常見(jiàn)的動(dòng)畫(huà)效果，可以提升使用者體驗(yàn)和介面互動(dòng)的吸引力。以下將具體介紹如何在微信小程式中實(shí)現(xiàn)卡片翻轉(zhuǎn)的特效，並提供相關(guān)程式碼範(fàn)例。首先，需要在小程式的頁(yè)面佈局檔案中定義兩個(gè)卡片元素，一個(gè)用於顯示正面內(nèi)容，一個(gè)用於顯示背面內(nèi)容，具體範(fàn)例程式碼如下：&l

支付寶上線(xiàn)「漢字拾光-生僻字」小程序，用於徵集、補(bǔ)充生僻字庫(kù) Oct 31, 2023 pm 09:25 PM

本站10月31日消息，今年5月27日，螞蟻集團(tuán)宣布啟動(dòng)“漢字拾光計(jì)劃”，最近又迎來(lái)新進(jìn)展：支付寶上線(xiàn)“漢字拾光-生僻字”小程序，用於向社會(huì)徵集生僻字，補(bǔ)充生僻字庫(kù)，同時(shí)提供不同的生僻字輸入體驗(yàn)，以幫助完善支付寶內(nèi)的生僻字輸入方法。目前，用戶(hù)搜尋「漢字拾光」、「生僻字」等關(guān)鍵字就可以進(jìn)入「生僻字」小程式。在小程式裡，使用者可以提交尚未被系統(tǒng)辨識(shí)輸入的生僻字圖片，支付寶工程師確認(rèn)後，將會(huì)對(duì)字庫(kù)進(jìn)行補(bǔ)錄入。本站注意到，使用者也可以在小程式體驗(yàn)最新的拆字輸入法，這項(xiàng)輸入法針對(duì)讀音不明確的生僻字設(shè)計(jì)。用戶(hù)拆

小程式能用react嗎 Dec 29, 2022 am 11:06 AM

小程式能用react，其使用方法：1、基於「react-reconciler」實(shí)作一個(gè)渲染器，產(chǎn)生一個(gè)DSL；2、建立一個(gè)小程式元件，去解析和渲染DSL；3、安裝npm，並執(zhí)行開(kāi)發(fā)者工具中的建構(gòu)npm；4、在自己的頁(yè)面中引入包，再利用api即可完成開(kāi)發(fā)。

uniapp如何實(shí)現(xiàn)小程式和H5的快速轉(zhuǎn)換 Oct 20, 2023 pm 02:12 PM

uniapp如何實(shí)現(xiàn)小程式和H5的快速轉(zhuǎn)換，需要具體程式碼範(fàn)例近年來(lái)，隨著行動(dòng)網(wǎng)路的發(fā)展和智慧型手機(jī)的普及，小程式和H5成為了不可或缺的應(yīng)用形式。而uniapp作為一個(gè)跨平臺(tái)的開(kāi)發(fā)框架，可以在一套程式碼的基礎(chǔ)上，快速實(shí)現(xiàn)小程式和H5的轉(zhuǎn)換，大大提高了開(kāi)發(fā)效率。本文將介紹uniapp如何實(shí)現(xiàn)小程式和H5的快速轉(zhuǎn)換，並給出具體的程式碼範(fàn)例。一、uniapp簡(jiǎn)介unia

教你如何在小程式中用公眾號(hào)範(fàn)本訊息（附詳細(xì)想法） Nov 04, 2022 pm 04:53 PM

這篇文章給大家?guī)?lái)了關(guān)於微信小程式的相關(guān)問(wèn)題，其中主要介紹瞭如何在小程式中用公眾號(hào)範(fàn)本訊息，下面一起來(lái)看一下，希望對(duì)大家有幫助。

用Python編寫(xiě)簡(jiǎn)單的聊天程式教程 May 08, 2023 pm 06:37 PM

實(shí)現(xiàn)思路x01服務(wù)端的建立首先,在服務(wù)端,使用socket進(jìn)行訊息的接受,每接受一個(gè)socket的請(qǐng)求,就開(kāi)啟一個(gè)新的線(xiàn)程來(lái)管理訊息的分發(fā)與接受,同時(shí),又存在一個(gè)handler來(lái)管理所有的線(xiàn)程,從而實(shí)現(xiàn)對(duì)聊天室的各種功能的處理x02客戶(hù)端的建立客戶(hù)端的建立就要比服務(wù)端簡(jiǎn)單多了,客戶(hù)端的作用只是對(duì)消息的發(fā)送以及接受,以及按照特定的規(guī)則去輸入特定的字符從而實(shí)現(xiàn)不同的功能的使用,因此,在客戶(hù)端這裡,只需要去使用兩個(gè)線(xiàn)程,一個(gè)是專(zhuān)門(mén)用於接受消息,一個(gè)是專(zhuān)門(mén)用於發(fā)送消息的至於為什麼不用一個(gè)呢,那是因?yàn)?只

PHP與小程式的地理位置定位與地圖顯示 Jul 04, 2023 pm 04:01 PM

PHP與小程式的地理位置定位與地圖顯示地理位置定位與地圖顯示在現(xiàn)代科技中已經(jīng)成為了必備的功能之一。隨著行動(dòng)裝置的普及，人們對(duì)於定位和地圖顯示的需求也越來(lái)越高。在開(kāi)發(fā)過(guò)程中，PHP和小程式是常見(jiàn)的兩種技術(shù)選擇。本文將為大家介紹PHP與小程式中的地理位置定位與地圖顯示的實(shí)作方法，並附上對(duì)應(yīng)的程式碼範(fàn)例。一、PHP中的地理位置定位在PHP中，我們可以使用第三方地理位

See all articles

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂