WeChat アプレットのリファレンス チュートリアル

高洛峰
リリース: 2018-05-15 10:20:39
オリジナル
2444 人が閲覧しました

この記事では、主に WeChat ミニ プログラムで引用されている関連情報を紹介し、簡単なサンプル コードを添付しています。必要な場合は、

シリーズの記事を参照してください:

WeChat ミニ プログラム チュートリアルの WXSS
WeChat ミニ プログラム チュートリアルの引用
WeChatプログラム チュートリアルのミニ プログラム イベント
WeChat ミニ プログラム チュートリアルのテンプレート
WeChat ミニ プログラム チュートリアルのリスト レンダリング
WeChat ミニ プログラム チュートリアルの条件付きレンダリング
WeChat ミニ プログラム チュートリアルのデータ バインディング
WeChat ミニ プログラム チュートリアルの WXML

引用

WXML には、インポートとインクルードという 2 つのファイル参照方法が用意されています。

import

importは、次のような、このファイル内のターゲットファイルによって定義されたテンプレートを使用できます:

はitem.wxmlでitemというテンプレートを定義します:

<!-- item.wxml -->
<template name="item">
 <text>{{text}}</text>
</template>
ログイン後にコピー

はindex.wxml .wxmlの項目を参照します、アイテムテンプレートを使用できます:

<import src="item.wxml"/>
<template is="item" data="{{text: &#39;forbar&#39;}}"/>
ログイン後にコピー

インポートのスコープ

インポートにはスコープの概念があります。つまり、ターゲットファイルで定義されたテンプレートのみをインポートしますが、ターゲットファイルによってインポートされたテンプレートはインポートしません。
例: C import B、B import A、B で定義されたテンプレートは C で使用でき、A で定義されたテンプレートは B で使用できますが、C は A で定義されたテンプレートを使用できません。

<!-- A.wxml -->
<template name="A">
 <text> A template </text>
</template>
ログイン後にコピー
<!-- B.wxml -->
<import src="a.wxml"/>
<template name="B">
 <text> B template </text>
</template>
ログイン後にコピー
<!-- C.wxml -->
<import src="b.wxml"/>
<template is="A"/> <!-- Error! Can not use tempalte when not import A. -->
<template is="B"/>
ログイン後にコピー

include

include は、