À propos des modèles de mini-programme WeChat et de leur utilisation modulaire (tutoriel détaillé)

Cet article présente principalement le modèle du mini-programme WeChat et son utilisation modulaire, et analyse le modèle, les concepts modulaires et les compétences d'utilisation simples du mini-programme WeChat sous forme d'exemples. Les amis dans le besoin peuvent s'y référer

Cet article décrit le modèle d'applet WeChat et son utilisation modulaire avec des exemples. Partagez-le avec tout le monde pour votre référence, comme suit :

template

modèle, utilisez l'attribut name lors de la définition, comme dans la déclaration suivante méthode

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

Le modèle ne peut pas être affiché directement sur l'interface. Il ne peut être affiché que lorsqu'il doit être appelé. Lors de l'appel, vous devez utiliser l'attribut is pour indiquer quel modèle est appelé, et il existe de nombreuses façons de transmettre des paramètres

<!-- 直接给模板里面用到的字段赋值 -->
<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>

Modularisation

Nous pouvons extraire du code public dans un fichier js séparé en tant que module , Documentation officielle de WeChat Les instructions données sont que les exportations et require doivent être utilisées ensemble, que les exportations doivent être déclarées pour les appels externes et que require doit être cité lors de son utilisation. J'ai vu des vidéos disant que si vous utilisez require pour appeler, vous devez télécharger node.js localement. Quoi qu'il en soit, je l'ai téléchargé. Si vous rencontrez des problèmes lors de son utilisation, veuillez le télécharger. J'ai créé un format common.js comme suit :

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

Lorsqu'il est utilisé, vous pouvez l'utiliser de la manière suivante :

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

Ce qui précède est ce que j'ai compilé pour tout le monde. j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment implémenter le chargement différé d'images non affichées en premier écran dans JS

Comment implémenter l'héritage combiné parasite en utilisant JavaScript

Comment implémenter la fonction de copie à l'aide du code js

Comment implémenter la classe js à l'aide de la bibliothèque tangram.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!