위챗 미니 프로그램의 글로벌 데이터 정의, 기능 재사용, 템플릿 등 예시 소개

본 글에서는 위챗 애플릿의 인스턴스 소개와 글로벌 데이터의 정의, 기능재사용, 템플릿 등을 주로 소개하고 있습니다

위챗 미니 프로그램의 글로벌 데이터 정의, 기능 재사용, 템플릿 등 이슈 요약:

1. 글로벌 데이터 정의 방법

.js 의 App({})에 정의된 데이터나 함수는 전역적이며 var app = getApp()/key, 하지만 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. 값이 Progress와 같은 구성 요소의 부울 유형인

속성 의 경우 컴포넌트의 활성 속성, 체크박스의 체크 속성 등 이 속성은 true 또는 false로 설정되었는지에 관계없이 적용됩니다. 테스트 결과 이는 HTML에서도 마찬가지지만 selected={{}}를 통해 성공적으로 렌더링할 수 있습니다.

읽어주셔서 감사합니다. 도움이 되기를 바랍니다. 이 사이트를 지원해 주셔서 감사합니다!

위 내용은 위챗 미니 프로그램의 글로벌 데이터 정의, 기능 재사용, 템플릿 등 예시 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!