小さなプログラムコンポーネント

カスタムコンポーネント

どのようにカスタムコンポーネントへ

1 フォルダを作成し、このフォルダは、すべてのカスタムコンポーネント格納するために使用される
 2 フォルダ小包と各コンポーネントは、アナログページは、カスタムコンポーネントを管理する方法
 3つのカスタムコンポーネント、あなたがしなければならない最初のpage.jsonに参照ページを我々は、カスタムコンポーネントの登録
page.json 

{ 
  " usingComponents " ：{
     " COM "：" / Componentes / COM / COM " 
  } 
}


。4 wxml中で直接使用することができる
 <COM> </ COM>を

コンポーネント転送ページに値

1、アセンブリは、可変ページの値を受け取るためwxmlファイル転送を持っている必要があります

。<！ - 名前がページの値によって決定されます- > 
< 表示> {{名前}} DSB IS </ ビュー> 

2、我々はしたいですコンポーネントのプロパティで定義されたJSファイルのプロパティ、このコンポーネントのプロパティに値を割り当てることができ、ページ：
  特性：{ 
    名：{//属性名
      型：文字列、//属性タイプ
      値：「エゴン」//プロパティのデフォルト値は、ページが値を使用してこの値に割り当てられた名前でない場合
    } 
  }、
  
プロパティの割り当てに直接。3、ページwxmlファイル名は、コンポーネント、伝統的な値の同等とすることができる
< COMの名前= "ボブ" > </ COM >   //固定値であってもよい
 。< COMの名= "{} {} NAME1" > </ COM > //は可変であってもよいです

コンポーネントは、イベントページに渡されます

書かれたイベントのコンポーネントバインドするには
 、< ボタンbindtap =「com_jia」データ-NUM =「1」>ポイントIプラス1 </ ボタン> 
組立JS 2：
  / ** 
   *組立リストの方法を
   * / 
  方法：{ 
    com_jia：機能（E）{ 
      にconsole.log（ "CON-甲"、E）
      ページにスロー//イベント
      this.triggerEvent（ "jia1"、{NUM ：e.currentTarget.dataset.num}） // jia1コンポーネントはイベントのページ・タイプにスローされます。{NUM：e.currentTarget.dataset.num}私たちは時に伝送パラメータイベントをスローするようにしたい場合など、ページ内のページを、この重要なイベントをキャプチャするために行ってきました、私たちはそう
    } 
  } 
コンポーネントが上を通過イベントをキャプチャする方法を3ページ; 
< COM   バインド：jia1 = "甲" > </ COM >

 JIA：関数（E）{
    console.log（e）は// e.detail用に、コンポーネントのパラメータを渡す
    、この= VAR 
    （{that.setData 
      ：that.data.num + +（e.detail.num）NUM 
    }）
   
  }