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

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

青灯夜游

リリース： 2022-03-02 19:36:13

転載

4999 人が閲覧しました

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

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

ビヘイビアとは

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

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

properties、data、methods、behaviors

#利用可能なノードプロパティデータメソッド#behaviorsSting ArrayNo他の動作を参照作成されました関数Noライフサイクル関数添付されました関数Noライフサイクル関数readyFunctionNo ライフサイクル関数moved関数Noライフサイクル関数detachedFunctionNoライフサイクル関数

タイプ	必須	説明
オブジェクトマップ	No	同じコンポーネントのプロパティ
Object	No	同じコンポーネントのデータ
Object	No	カスタムコンポーネントメソッドと同じ

カバーと組み合わせのルール同じ名前のフィールドの場合

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

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

data

同じ名前のデータフィールドがすべてオブジェクトタイプの場合、オブジェクトの結合が実行されます。
他のケースが実行されますデータカバレッジ、カバレッジルール: コンポーネント > 親の動作 > 子の動作、後の動作 > フロントの動作 (優先度が高いほど優先度が低くなり、最大の動作が優先されます)
- 同じ名前のプロパティ (
properties
methods
) #コンポーネント自体の場合このプロパティまたはメソッドがある場合、コンポーネントのプロパティまたはメソッドは、動作内の同じ名前のプロパティまたはメソッドを上書きします。
コンポーネント自体にこのプロパティまたはメソッドがない場合、コンポーネントのプロパティまたはメソッドは、動作内の同じ名前のプロパティまたはメソッドを上書きします。同じ名前の属性またはメソッド
- 前の記事に基づいて、動作へのネストされた参照がある場合、ルールは次のとおりです: 親の動作は属性またはメソッドをオーバーライドします。子ビヘイビア内の同じ名前のメソッド
- 同じ名前のライフサイクル関数
同じ種類のライフサイクル関数については、次のルールに従います
- 子の動作は親の動作より優先されます
- - 同じ動作がコンポーネントによって複数回参照される場合、一度だけ実行されるライフサイクル関数が定義されます
- [関連する学習の推奨事項:
]