ホームページ  >  記事  >  WeChat アプレット  >  WeChat アプレットのリファレンス チュートリアル

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

高洛峰
高洛峰オリジナル
2018-05-15 10:20:392408ブラウズ

この記事では、主に 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 は、