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

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

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

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

ビヘイビアとは

ビヘイビアは、ミニ プログラムでコンポーネント コードを共有するために使用される機能で、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 サイトの他の関連記事を参照してください。

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