WeChat ミニ プログラム テンプレートとモジュールの使用法について (詳細なチュートリアル)

この記事では、主に WeChat ミニ プログラムのテンプレートとモジュールの使用法を紹介し、WeChat ミニ プログラムのテンプレートとモジュールの概念と簡単な使用スキルを例の形式で分析します。 WeChat ミニ プログラムのプログラム テンプレートとモジュールの使用法。参考のために皆さんと共有してください。詳細は次のとおりです:

templateテンプレート、次の宣言メソッドのように、定義するときにname属性を使用します

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

テンプレートはインターフェイスに直接表示できません、呼び出す必要がある場合にのみ表示できます。呼び出すときは、どのテンプレートが呼び出されているかを示すために is 属性を使用する必要があります。パラメーターを渡す方法はたくさんあります

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

Modularいくつかの共通のコードをモジュールとして別の js ファイルに抽出します。WeChat の公式ドキュメントには、exports と require を一緒に使用する必要があると説明されています。使用する場合は、exports を引用する必要があります。使用方法について説明しているビデオがいくつかあります。電話するときは、node.js をローカルにダウンロードする必要があります。使用中に問題がある場合は、ダウンロードしてください。以下のような common.js 形式を作成しました:

//引用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("输出消息");
 }
})

以上は、皆さんのためにまとめたものです。

関連記事:

JSでファーストスクリーン以外の画像の遅延読み込みを実装する方法

JavaScriptを使用して寄生結合継承を実装する方法

jsコードを使用してコピー関数を実装する方法

tangram.js の使用ライブラリはどのように js クラスを実装しますか

以上がWeChat ミニ プログラム テンプレートとモジュールの使用法について (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。