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

青灯夜游
リリース: 2022-03-02 19:36:13
転載
4779 人が閲覧しました

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

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

ビヘイビアとは

ビヘイビアは、ミニ プログラムでコンポーネント コードを共有するために使用される機能で、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

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

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

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

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

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

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

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

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

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

ソース:juejin.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!