ホームページ  >  記事  >  WeChat アプレット  >  WeChat ミニ プログラムでのグローバル データと関数の再利用とテンプレートの定義の概要

WeChat ミニ プログラムでのグローバル データと関数の再利用とテンプレートの定義の概要

不言
不言オリジナル
2018-06-26 16:58:492903ブラウズ

この記事は主にWeChatミニプログラムにおけるグローバルデータの定義、関数の再利用、テンプレートなどに関する関連情報を紹介します。必要な友人はそれを参照してください

グローバルデータの定義、関数の再利用、テンプレートなどの問題の概要。 、など WeChat ミニプログラム:

1. グローバルデータの定義方法

app.js の App({}) で定義されたデータまたは関数はグローバルであり、var app = を介してページに渡すことができます。 getApp(); app.function/ キーを使用して を呼び出しますが、app.js でグローバル関数を定義する必要はありません。

2. コード再利用の実装方法

関数再利用:

test.js
test: function(){
}
module.exports={
 test:test 
}

other.js
var common = require('test.js');
page({
  common.test()
})

テンプレート:

<template name="odd">
 <view> odd </view>
</template>
<template name="even">
 <view> even </view>
</template>

<block wx:for="{{[1, 2, 3, 4, 5]}}">
  <template is="{{item % 2 == 0 ? &#39;even&#39; : &#39;odd&#39;}}"/>
</block>
//我们页可以把模板定义在其他文件中,以<import src="url"/>的形式引入,但是import有作用域的概念,即只会import目标文件中定义的template,
而不会import目标文件import的template
//include可以将目标文件除了<template/>的整个代码引入,相当于是拷贝到include位置。

3. 値がブール型プロパティであるコンポーネントの場合、のためのたとえば、進行状況コンポーネントの active 属性、チェックボックスの selected 属性などです。この属性は、true に設定されているか false に設定されているかに関係なく有効になります。テストでは、これは HTML にも当てはまりますが、checked={{}} を通じて正常にレンダリングできることがわかりました。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

WeChatアプレットのセレクター(時刻、日付、地域)の分析について

WeChatアプレットのいいね、削除リスト、共有機能の実装

以上がWeChat ミニ プログラムでのグローバル データと関数の再利用とテンプレートの定義の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。