Tutoriel de référence sur l'applet WeChat

高洛峰
Libérer: 2018-05-15 10:20:39
original
2455 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes citées par le programme WeChat Mini et joint un exemple de code simple. Les amis dans le besoin peuvent se référer à la série d'articles

 :

WXSS du programme WeChat Mini. Tutoriel
Citation du didacticiel du programme WeChat Mini
Événement du didacticiel du programme WeChat Mini
Modèle du didacticiel du programme WeChat Mini
Rendu de la liste du didacticiel du mini programme WeChat
Rendu conditionnel du didacticiel du mini programme WeChat
Liaison de données du didacticiel du programme WeChat Mini
WXML du didacticiel du programme WeChat Mini

Référence

WXML fournit deux méthodes de référence de fichiers, l'importation et l'inclusion.

import

import peut utiliser le modèle défini par le fichier cible dans ce fichier, tel que :

dans l'élément .wxml Un modèle appelé item est défini dans :

<!-- item.wxml -->
<template name="item">
 <text>{{text}}</text>
</template>
Copier après la connexion

Si item.wxml est référencé dans index.wxml, vous pouvez utiliser le modèle item :

<import src="item.wxml"/>
<template is="item" data="{{text: &#39;forbar&#39;}}"/>
Copier après la connexion

Le rôle du domaine d'importation

l'importation a le concept de portée, c'est-à-dire que seul le modèle défini dans le fichier cible sera importé, mais le modèle importé par le fichier cible ne sera pas importé.
Par exemple : C import B, B import A, en C vous pouvez utiliser le modèle défini par B, en B vous pouvez utiliser le modèle défini par A, mais C ne peut pas utiliser le modèle défini par A.

<!-- A.wxml -->
<template name="A">
 <text> A template </text>
</template>
Copier après la connexion
<!-- B.wxml -->
<import src="a.wxml"/>
<template name="B">
 <text> B template </text>
</template>
Copier après la connexion
<!-- C.wxml -->
<import src="b.wxml"/>
<template is="A"/> <!-- Error! Can not use tempalte when not import A. -->
<template is="B"/>
Copier après la connexion

include

include peut importer l'intégralité du code du fichier cible depuis