Über WeChat-Miniprogrammvorlagen und modulare Verwendung (ausführliches Tutorial)

In diesem Artikel werden hauptsächlich die WeChat-Miniprogrammvorlage und die modulare Verwendung vorgestellt und die Vorlagen- und Modulkonzepte sowie einfache Verwendungsfähigkeiten im WeChat-Miniprogramm anhand von Beispielen analysiert

Dieser Artikel beschreibt die WeChat-Applet-Vorlage und die modulare Verwendung anhand von Beispielen. Geben Sie es wie folgt als Referenz an alle weiter:

Vorlage

Vorlage, verwenden Sie beim Definieren das Namensattribut, wie in der folgenden Deklaration Methode

<template name="mytemp">
 <view>
  name:{{names}} address:{{add}}
 </view>
</template>

Die Vorlage kann nicht direkt auf der Schnittstelle angezeigt werden. Sie kann nur angezeigt werden, wenn sie aufgerufen wird. Beim Aufruf müssen Sie das Attribut is verwenden, um anzugeben, welche Vorlage aufgerufen wird Es kann viele Formen der Parameterübergabe geben

<!-- 直接给模板里面用到的字段赋值 -->
<template is="mytemp" data="{{names:&#39;aaa&#39;, add:&#39;bbbb&#39;}}"></template>
<!-- 通过给模板赋值对象来调用-->
<template is="mytemp" data="{{...person}}"></template>
<!-- 通过给模板赋值数组里面的对象来调用-->
<template is="mytemp" data="{{...persons[0]}}"></template>
<template is="mytemp" data="{{...persons[1]}}"></template>

Modularisierung

Wir können öffentlichen Code in eine separate js-Datei als Modul extrahieren Die in der offiziellen WeChat-Dokumentation angegebene Beschreibung lautet: Es sind Exporte erforderlich, um sie für externe Anrufe zu deklarieren Ich muss node.js lokal herunterladen. Wenn Sie Probleme bei der Verwendung haben, laden Sie es bitte herunter. Ich habe ein common.js-Format wie folgt erstellt:

//引用url
require("url.js");
function log(str){
 console.log("log:" + str);
}
//暴露log方法
 module.exports.log = log;

Bei Verwendung können Sie die folgende Methode verwenden:

var common = require("../../common/common.js");
Page({
 click:function(){
  common.log("输出消息");
 }
})

Das Obige ist das, was ich für alle zusammengestellt habe alle in der Zukunft.

Verwandte Artikel:

So implementieren Sie das verzögerte Laden von Bildern, die nicht auf dem ersten Bildschirm angezeigt werden, in JS

So implementieren Sie eine parasitäre kombinierte Vererbung mit JavaScript

So implementieren Sie die Kopierfunktion mit js-Code

So implementieren Sie die js-Klasse mit der tangram.js-Bibliothek

Das obige ist der detaillierte Inhalt vonÜber WeChat-Miniprogrammvorlagen und modulare Verwendung (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!