検索
ホームページWeChat アプレットミニプログラム開発ミニ プログラムの動作とは何かを簡単に分析します。どのように作成して使用するのでしょうか?

行動とは何ですか?次の記事では、ミニ プログラムのカスタム コンポーネントの動作について説明し、動作の作成方法、インポート方法、使用方法を紹介します。お役に立てば幸いです。

ミニ プログラムの動作とは何かを簡単に分析します。どのように作成して使用するのでしょうか?

ビヘイビアとは

ビヘイビアは、ミニ プログラムでコンポーネント コードを共有するために使用される機能で、Vue.js の機能と似ています。ミックスイン。たとえば、複数のコンポーネントでまったく同じコードの一部が存在する場合、コンポーネントごとにコードを記述する必要はありませんが、便宜上、この部分のコードをカプセル化し、ビヘイビアに入れて共有することができます。コードのこの部分は誰が使用しますか? 直接引用が有効になります


ビヘイビアーの仕組み

  • ミニ プログラムでは、各ビヘイビアーに属性、データ、ライフサイクル、メソッドのセット。コンポーネントがそれを参照すると、そのプロパティ、データ、メソッドがコンポーネントにマージされます。
  • 各コンポーネントは複数の動作を参照でき、各動作は相互に参照することもできます

動作の作成

behaviors(Object Object) すべてのコンポーネントで使用する共有ビヘイビアー インスタンス オブジェクトを作成するメソッド

//使用 module.exports 将 behavior 实例对象共享出去
module.exports = Behavior({
    
    //私有数据节点
    data: { },
    
    //属性节点
    properties: { },
    
    //事件处理
    methods: {  }
})

ビヘイビアのインポートと使用

コンポーネントでは、require() メソッドを使用して必要な動作をインポートします。マウント後、動作のデータまたはメソッドにアクセスできます

//1.使用 `require()` 导入需要的自定义 behaviors 模块
const myBehaviors = require("../../behaviors/behaviors")

Component({

  //2. 将导入的 behaviors 实例对象,挂载到 behaviors数组的节点中便可以使用
  behaviors: [myBehaviors],
  
  properties: {
    //...
  }
  
  //其他代码...
})

# 使用可能なすべてのノード##behaviors

でより一般的に使用されるのは、

propertiesdatamethodsbehaviors

#利用可能なノードプロパティデータ メソッド#behaviorsSting ArrayNo他の動作を参照作成されました関数Noライフサイクル関数添付されました 関数Noライフサイクル関数readyFunctionNo ライフ サイクル関数moved関数Noライフ サイクル関数detachedFunctionNoライフサイクル関数
タイプ 必須 説明
オブジェクト マップ No 同じコンポーネントのプロパティ
Object No 同じコンポーネントのデータ
Object No カスタム コンポーネント メソッドと同じ
カバーと組み合わせのルール同じ名前のフィールドの場合

#コンポーネントとそれらが参照する動作には、同じ名前のフィールドを含めることができます。この場合、同じ名前に対して次の 3 つの処理ルールを参照できます

同じ名前のデータ フィールド (

data
    )
  • 同じ名前のデータ フィールドがすべてオブジェクト タイプの場合、オブジェクトの結合が実行されます。

    他のケースが実行されます データ カバレッジ、カバレッジ ルール: コンポーネント > 親の動作 > 子の動作、後の動作 > フロントの動作 (優先度が高いほど優先度が低くなり、最大の動作が優先されます)
    • 同じ名前のプロパティ (
    properties
  • ) またはメソッド (
  • methods

    ) #コンポーネント自体の場合このプロパティまたはメソッドがある場合、コンポーネントのプロパティまたはメソッドは、動作内の同じ名前のプロパティまたはメソッドを上書きします。

    コンポーネント自体にこのプロパティまたはメソッドがない場合、コンポーネントのプロパティまたはメソッドは、動作内の同じ名前のプロパティまたはメソッドを上書きします。同じ名前の属性またはメソッド
    • 前の記事に基づいて、動作へのネストされた参照がある場合、ルールは次のとおりです: 親の動作は属性またはメソッドをオーバーライドします。子ビヘイビア内の同じ名前のメソッド
    • 同じ名前のライフ サイクル関数
  • ##異なるライフ サイクル関数については、コンポーネントの順序に従いますライフ サイクル関数
  • 同じ種類のライフ サイクル関数については、次のルールに従います

      動作はコンポーネントの実行より優先されます
    • 子の動作は親の動作より優先されます
      • 前の動作は後の動作より優先されます
      • 同じ動作がコンポーネントによって複数回参照される場合、一度だけ実行されるライフサイクル関数が定義されます
    • [関連する学習の推奨事項:
    • 小規模プログラム開発チュートリアル
    ]

以上がミニ プログラムの動作とは何かを簡単に分析します。どのように作成して使用するのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事は掘金社区で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター