この記事では、主に 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: 'forbar'}}"/>
インポートのスコープ
インポートにはスコープの概念があります。つまり、ターゲットファイルで定義されたテンプレートのみをインポートしますが、ターゲットファイルによってインポートされたテンプレートはインポートしません。
例: 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 は、 からターゲット ファイルのコード全体をインポートできます。これは、次のようなインクルードの場所にコピーするのと同じです:
<!-- index.wxml --> <include src="header.wxml"/> <view> body </view> <include src="footer.wxml"/>
<!-- header.wxml --> <view> header </view>
<!-- footer.wxml --> <view> footer </view>
お読みいただきありがとうございます。それはすべての人を助けることができます、あなたのサポートに感謝します、このサイトからサポートしてください!
以上がWeChat アプレットのリファレンス チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。