ゼロベース WeChat ミニ プログラム Day3

1. オブジェクトの作成

Q: オブジェクト (オブジェクト)、なぜオブジェクトを理解する必要があるのですか?

A: C 言語の構造と同様の 3 次元の完全な情報を保存します。

オブジェクトは、属性 (人の名前、性別、年齢などの物の特性) とメソッド (物の動作、この物体に何ができるか、関数メソッドで表現) に分けられます。

1. オブジェクトの作成方法 1

ここに画像の説明を挿入
2. オブジェクト作成メソッド2

ここに画像の説明を挿入

3. オブジェクトの作成方法 3

ここに画像の説明を挿入

2、データバインディング

Q: データ バインディングを使用する理由は何ですか?

A: すべてを静的にする必要はありません。多くのことは自分で wxml ファイルに入力されます。「WXML の動的データは、対応するページのデータから取得されます。」

1. js ファイル
js ファイルには、データに表示したいものを記述します。文字列、配列などを指定できます。規定されているほどデッドではなく、追加しても追加しなくても、理解できます。小物として)

ここに画像の説明を挿入
2.wxmlファイル

[公式ドキュメント]: "データ バインディングは Mustache 構文 (二重中括弧) を使用して変数をラップします"

js ファイルから渡される値は二重 { } 中括弧で囲む必要があることがわかります。

ここに画像の説明を挿入

3、wx:リストレンダリング用

1、wx:用

[公式ドキュメント]: "コンポーネントの wx:for コントロール属性を使用して配列をバインドすると、配列内の各項目のデータを使用してコンポーネントを繰り返しレンダリングできます。デフォルトの現在の項目の添字変数名デフォルトでは配列はインデックスであり、配列は現在、項目の変数名はデフォルトで項目「」になります。

ここに画像の説明を挿入
2. 変数名を変更する

[公式ドキュメント]: "配列の現在の要素の変数名を指定するには wx:for-item を使用し、配列の現在の添字の変数名を指定するには wx:for-index を使用します。 "

ここに画像の説明を挿入
3. ネストループ(九九九九)
① wxml ファイル

ここに画像の説明を挿入
②wxssファイル

ここに画像の説明を挿入
4. block wx: for は、
複数のノードを含む構造ブロックをレンダリングするために使用されます。

ここに画像の説明を挿入

4.終了

ご不明な点がございましたら、ご指摘くださいませ~ヾ(◍°∇°◍)ノ゙

おすすめ

転載: blog.csdn.net/MODAX/article/details/122903216
おすすめ