Dieser Artikel stellt hauptsächlich die relevanten Informationen vor, die vom WeChat Mini-Programm zitiert werden, und fügt einfachen Beispielcode bei. Freunde in Not können sich auf die
Artikelserie beziehen:
WXSS des WeChat Mini-Programms Tutorial
Zitat des WeChat Mini-Programm-Tutorials
Veranstaltung des WeChat Mini-Programm-Tutorials
Vorlage des WeChat Mini-Programm-Tutorials
Listen-Rendering des WeChat Mini-Programm-Tutorials
Bedingtes Rendering des WeChat Mini-Programm-Tutorials
Datenbindung des WeChat Mini-Programm-Tutorials
WXML des WeChat Mini-Programm-Tutorials
Referenz
WXML bietet zwei Dateireferenzmethoden: Importieren und Einbinden.
Import
Import kann die durch die Zieldatei in dieser Datei definierte Vorlage verwenden, z. B.:
im Element .wxml Eine Vorlage namens item ist definiert in:
<!-- item.wxml --> <template name="item"> <text>{{text}}</text> </template>
Wenn item.wxml in index.wxml referenziert wird, können Sie die Elementvorlage verwenden:
<import src="item.wxml"/> <template is="item" data="{{text: 'forbar'}}"/>
The Rolle der Importdomäne
import hat das Konzept des Bereichs, das heißt, nur die in der Zieldatei definierte Vorlage wird importiert, die von der Zieldatei importierte Vorlage jedoch nicht.
Zum Beispiel: C importiert B, B importiert A, in C können Sie die von B definierte Vorlage verwenden, in B können Sie die von A definierte Vorlage verwenden, aber C kann nicht die von A definierte Vorlage verwenden.
<!-- 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 kann den gesamten Code der Zieldatei aus importieren, was äquivalent ist zum Kopieren, um die Position einzuschließen, wie zum Beispiel:
<!-- index.wxml --> <include src="header.wxml"/> <view> body </view> <include src="footer.wxml"/>
<!-- header.wxml --> <view> header </view>
<!-- footer.wxml --> <view> footer </view>
Vielen Dank fürs Lesen, ich hoffe, es kann allen helfen, vielen Dank für Ihre Unterstützung dieser Website!
Das obige ist der detaillierte Inhalt vonReferenz-Tutorial zum WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!