この記事では、主に WeChat ミニ プログラムのテンプレートとモジュールの使用法を紹介し、WeChat ミニ プログラムのテンプレートとモジュールの概念と簡単な使用スキルを例の形式で分析します。 WeChat ミニ プログラムのプログラム テンプレートとモジュールの使用法。参考のために皆さんと共有してください。詳細は次のとおりです:
templateテンプレート、次の宣言メソッドのように、定義するときにname属性を使用します
<template name="mytemp"> <view> name:{{names}} address:{{add}} </view> </template>
テンプレートはインターフェイスに直接表示できません、呼び出す必要がある場合にのみ表示できます。呼び出すときは、どのテンプレートが呼び出されているかを示すために is 属性を使用する必要があります。パラメーターを渡す方法はたくさんあります
<!-- 直接给模板里面用到的字段赋值 --> <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>
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 サイトの他の関連記事を参照してください。