WeChatミニプログラムのグローバルデータ、関数の再利用、テンプレートなどの定義例の紹介-ミニプログラム開発-php.cn

WeChatミニプログラムのグローバルデータ、関数の再利用、テンプレートなどの定義例の紹介

高洛峰

リリース： 2017-03-15 16:15:32

オリジナル

2963 人が閲覧しました

この記事では主にグローバルデータの定義、関数再利用、テンプレートなどを紹介します。必要な友人はWeChatミニプログラムを参照して、グローバルデータ、関数

再利用、テンプレートなどを定義してください。テンプレートなどの問題:

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

app.

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

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

関数再利用:

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

other.js
var common = require(&#39;test.js&#39;);
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={{}} を通じて正常にレンダリングできることがわかりました。

読んでいただきありがとうございます、お役に立てれば幸いです、このサイトをサポートしていただきありがとうございます!

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