行動とは何ですか?次の記事では、ミニ プログラムのカスタム コンポーネントの動作について説明し、動作の作成方法、インポート方法、使用方法を紹介します。お役に立てば幸いです。
ビヘイビアとは
ビヘイビアは、ミニ プログラムでコンポーネント コードを共有するために使用される機(jī)能で、Vue.js の機(jī)能と似ています。ミックスイン。たとえば、複數(shù)のコンポーネントでまったく同じコードの一部が存在する場合、コンポーネントごとにコードを記述する必要はありませんが、便宜上、この部分のコードをカプセル化し、ビヘイビアに入れて共有することができます。コードのこの部分は誰が使用しますか? 直接引用が有効になります
ビヘイビアーの仕組み
- ミニ プログラムでは、各ビヘイビアーに屬性、データ、ライフサイクル、メソッドのセット。コンポーネントがそれを參照すると、そのプロパティ、データ、メソッドがコンポーネントにマージされます。
- 各コンポーネントは複數(shù)の動作を參照でき、各動作は相互に參照することもできます
動作の作成
behaviors(Object Object) すべてのコンポーネントで使用する共有ビヘイビアー インスタンス オブジェクトを作成するメソッド
//使用 module.exports 將 behavior 實(shí)例對象共享出去
module.exports = Behavior({
//私有數(shù)據(jù)節(jié)點(diǎn)
data: { },
//屬性節(jié)點(diǎn)
properties: { },
//事件處理
methods: { }
})ビヘイビアのインポートと使用
コンポーネントでは、require() メソッドを使用して必要な動作をインポートします。マウント後、動作のデータまたはメソッドにアクセスできます
//1.使用 `require()` 導(dǎo)入需要的自定義 behaviors 模塊
const myBehaviors = require("../../behaviors/behaviors")
Component({
//2. 將導(dǎo)入的 behaviors 實(shí)例對象，掛載到 behaviors數(shù)組的節(jié)點(diǎn)中便可以使用
behaviors: [myBehaviors],
properties: {
//...
}
//其他代碼...
})# 使用可能なすべてのノード##behaviors
でより一般的に使用されるのは、properties、data、methods、behaviors
| タイプ | 必須 | 説明 | |
|---|---|---|---|
| オブジェクト マップ | No | 同じコンポーネントのプロパティ | |
| Object | No | 同じコンポーネントのデータ | |
| Object | No | カスタム コンポーネント メソッドと同じ | #behaviors |
| No | 他の動作を參照 | 作成されました | |
| No | ライフサイクル関數(shù) | 添付されました | |
| No | ライフサイクル関數(shù) | ready | |
| No | ライフ サイクル関數(shù) | moved | |
| No | ライフ サイクル関數(shù) | detached | |
| No | ライフサイクル関數(shù) |
#コンポーネントとそれらが參照する動作には、同じ名前のフィールドを含めることができます。この場合、同じ名前に対して次の 3 つの処理ルールを參照できます
同じ名前のデータ フィールド (
data- )
-
他のケースが実行されます データ カバレッジ、カバレッジ ルール: コンポーネント > 親の動作 > 子の動作、後の動作 > フロントの動作 (優(yōu)先度が高いほど優(yōu)先度が低くなり、最大の動作が優(yōu)先されます)同じ名前のデータ フィールドがすべてオブジェクト タイプの場合、オブジェクトの結(jié)合が実行されます。- 同じ名前のプロパティ (
) またはメソッド ( - methods
)
コンポーネント自體にこのプロパティまたはメソッドがない場合、コンポーネントのプロパティまたはメソッドは、動作內(nèi)の同じ名前のプロパティまたはメソッドを上書きします。同じ名前の屬性またはメソッド#コンポーネント自體の場合このプロパティまたはメソッドがある場合、コンポーネントのプロパティまたはメソッドは、動作內(nèi)の同じ名前のプロパティまたはメソッドを上書きします。- 前の記事に基づいて、動作へのネストされた參照がある場合、ルールは次のとおりです: 親の動作は屬性またはメソッドをオーバーライドします。子ビヘイビア內(nèi)の同じ名前のメソッド
- 同じ名前のライフ サイクル関數(shù)
##異なるライフ サイクル関數(shù)については、コンポーネントの順序に従いますライフ サイクル関數(shù) -
同じ種類のライフ サイクル関數(shù)については、次のルールに従います
- 動作はコンポーネントの実行より優(yōu)先されます
- 子の動作は親の動作より優(yōu)先されます
-
- 前の動作は後の動作より優(yōu)先されます
- 同じ動作がコンポーネントによって複數(shù)回參照される場合、一度だけ実行されるライフサイクル関數(shù)が定義されます
- [関連する學(xué)習(xí)の推奨事項(xiàng): 小規(guī)模プログラム開発チュートリアル
以上がミニ プログラムの動作とは何かを簡単に分析します。どのように作成して使用するのでしょうか?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
Python を使用して WeChat アプレットを開発する
Jun 17, 2023 pm 06:34 PM
モバイル インターネット技術(shù)とスマートフォンの普及により、WeChat は人々の生活に欠かせないアプリケーションになりました。 WeChat ミニ プログラムを使用すると、アプリケーションをダウンロードしてインストールすることなく、ミニ プログラムを直接使用して、いくつかの簡単なニーズを解決できます。この記事では、Python を使用して WeChat アプレットを開発する方法を紹介します。 1. 準(zhǔn)備 Python を使用して WeChat アプレットを開発する前に、関連する Python ライブラリをインストールする必要があります。ここでは、wxpy と itchat の 2 つのライブラリを使用することをお勧めします。 wxpy は WeChat マシンです
WeChat ミニ プログラムにカードめくり効果を?qū)g裝する
Nov 21, 2023 am 10:55 AM
WeChat ミニ プログラムでのカードめくり効果の実裝 WeChat ミニ プログラムでは、カードめくり効果の実裝は、ユーザー エクスペリエンスとインターフェイス インタラクションの魅力を向上させることができる一般的なアニメーション効果です。以下では、WeChat アプレットでカードめくりの特殊効果を?qū)g裝する方法と、関連するコード例を詳しく紹介します。まず、ミニ プログラムのページ レイアウト ファイルに 2 つのカード要素を定義する必要があります。1 つは前面のコンテンツを表示するため、もう 1 つは背面のコンテンツを表示するためです。具體的なサンプル コードは次のとおりです: <!--index.wxml- ->&l
アリペイ、希少文字ライブラリを収集?補(bǔ)完する「漢字拾い-希少文字」ミニプログラムを開始
Oct 31, 2023 pm 09:25 PM
10月31日の當(dāng)サイトのニュースによると、今年5月27日、アント?グループは「漢字拾いプロジェクト」の立ち上げを発表し、最近新たな進(jìn)展を迎えた：アリペイが「漢字拾い-珍しい文字」ミニプログラムを開始協(xié)會からコレクションを収集する レア文字は、レア文字ライブラリを補(bǔ)完し、アリペイでのレア文字入力方法の改善に役立つように、レア文字に異なる入力エクスペリエンスを提供します?，F(xiàn)在、ユーザーは「漢字ピックアップ」「珍文字」などのキーワードで検索することで「珍文字」アプレットに入ることができる。ミニプログラムでは、ユーザーがシステムで認(rèn)識?入力されなかった珍しい文字の畫像を送信し、確認(rèn)後、Alipay のエンジニアがフォントライブラリに追加エントリを作成します。當(dāng)サイトでは、発音が不明瞭な珍しい単語を?qū)澫螭趣筏孔钚陇螀g語分割入力方法をミニプログラムで體験できることに注目しました。ユーザー解體
小さなプログラムでも反応できますか?
Dec 29, 2022 am 11:06 AM
ミニプログラムはreactを利用することができます 使い方: 1. 「react-reconciler」に基づいてレンダラーを?qū)g裝し、DSLを生成します; 2. DSLを解析してレンダリングするためのミニプログラムコンポーネントを作成します; 3. npmをインストールし、開発者ビルドを?qū)g行しますツール內(nèi)の npm; 4. パッケージを獨(dú)自のページに導(dǎo)入し、API を使用して開発を完了します。
uniapp がミニ プログラムと H5 の間で迅速な変換を?qū)g現(xiàn)する方法
Oct 20, 2023 pm 02:12 PM
uniapp がミニ プログラムと H5 の間で迅速な変換を?qū)g現(xiàn)するには、具體的なコード例が必要ですが、近年、モバイル インターネットの発展とスマートフォンの普及に伴い、ミニ プログラムと H5 は不可欠なアプリケーション形式となっています。クロスプラットフォーム開発フレームワークとして、uniapp は一連のコードに基づいて小規(guī)模プログラムと H5 間の変換を迅速に実現(xiàn)し、開発効率を大幅に向上させます。この記事では、uniapp がミニ プログラムと H5 の間で迅速な変換を?qū)g現(xiàn)する方法と、具體的なコード例を紹介します。 1. uniapp uniaの紹介
ミニ プログラムでパブリック アカウント テンプレート メッセージを使用する方法を説明します (詳細(xì)なアイデア付き)
Nov 04, 2022 pm 04:53 PM
この記事では、WeChat ミニ プログラムに関するいくつかの関連事項(xiàng)を紹介します。主に、ミニ プログラムでパブリック アカウント テンプレート メッセージを使用する方法を紹介します。一緒に見てみましょう。皆さんのお役に立てれば幸いです。
Python で簡単なチャット プログラムを作成するためのチュートリアル
May 08, 2023 pm 06:37 PM
実裝アイデア: チャット ルームのさまざまな機(jī)能を処理するために、スレッドのサーバー側(cè)を確立します。x02 クライアントの確立はサーバーよりもはるかに簡単です。クライアントの機(jī)能はメッセージの送受信と、特定の文字を特定の規(guī)則に従って入力するため、クライアント側(cè)では、メッセージ受信専用とメッセージ送信専用の 2 つのスレッドを使用するだけで、さまざまな機(jī)能を使用できます。使用しないでください。
PHP とミニプログラムを使用した地理的位置特定と地図表示
Jul 04, 2023 pm 04:01 PM
PHP およびミニ プログラムの地理位置測位と地図表示 地理位置測位と地図表示は、現(xiàn)代のテクノロジーにおいて必要な機(jī)能の 1 つになっています。モバイルデバイスの普及に伴い、測位と地図表示に対する人々の需要も高まっています。開発プロセスでは、PHP とアプレットの 2 つのテクノロジーが一般的に選択されます。この記事では、PHP およびミニ プログラムでの地理的位置の測位と地図表示の実裝方法を紹介し、対応するコード例を添付します。 1. PHP での地理位置情報 PHP では、サードパーティの地理位置情報を使用できます。
