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>
<!-- 直接给模板里面用到的字段赋值 --> <template is="mytemp" data="{{names:'aaa', add:'bbbb'}}"></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;
var common = require("../../common/common.js"); Page({ click:function(){ common.log("输出消息"); } })
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!