Referenz-Tutorial zum WeChat-Applet

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: &#39;forbar&#39;}}"/>

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 dcdc0fa59b5fea5bdae0d810c3919fcd 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!