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

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

亚连

Libérer： 2018-06-23 18:04:28

original

1639 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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;

Copier après la connexion

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

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

Copier après la connexion

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.