이 글은 주로 위챗 미니 프로그램에서 인용한 관련 정보를 소개하고, 간단한 예시 코드를 첨부했습니다. 도움이 필요한 친구는 위챗 미니 프로그램의
시리즈
WXSS를 참고하세요. 튜토리얼
WeChat Mini 프로그램 튜토리얼 인용
WeChat Mini 프로그램 튜토리얼 이벤트
WeChat Mini 프로그램 튜토리얼 템플릿
WeChat Mini 프로그램 튜토리얼 목록 렌더링
WeChat Mini 프로그램 튜토리얼 조건부 렌더링
WeChat Mini 프로그램 튜토리얼의 데이터 바인딩
WeChat Mini 프로그램 튜토리얼의 WXML
참조
WXML은 가져오기 및 포함이라는 두 가지 파일 참조 방법을 제공합니다.
import
import는 이 파일의 대상 파일에 정의된 템플릿을 사용할 수 있습니다. 예: 항목의
.wxml item이라는 템플릿이
<!-- item.wxml --> <template name="item"> <text>{{text}}</text> </template>
에 정의되어 있습니다. item.wxml이 index.wxml에서 참조되는 경우 항목 템플릿인
<import src="item.wxml"/> <template is="item" data="{{text: 'forbar'}}"/>
가져오기 범위<🎜를 사용할 수 있습니다. >
가져오기에는 범위 개념이 있습니다. 즉, 대상 파일에 정의된 템플릿만 가져오고 대상 파일에서 가져온 템플릿은 가져오지 않습니다.예: C import B, B import A, C에서는 B가 정의한 템플릿을 사용할 수 있고, B에서는 A가 정의한 템플릿을 사용할 수 있지만 C는 A가 정의한 템플릿을 사용할 수 없습니다.
<!-- A.wxml --> <template name="A"> <text> A template </text> </template>
<!-- B.wxml --> <import src="a.wxml"/> <template name="B"> <text> B template </text> </template>
<!-- C.wxml --> <import src="b.wxml"/> <template is="A"/> <!-- Error! Can not use tempalte when not import A. --> <template is="B"/>
include
include는 에서 대상 파일의 전체 코드를 도입할 수 있습니다. 이는 포함 위치에 복사하는 것과 같습니다. as:
<!-- index.wxml --> <include src="header.wxml"/> <view> body </view> <include src="footer.wxml"/>
<!-- header.wxml --> <view> header </view>
<!-- footer.wxml --> <view> footer </view>
위 내용은 WeChat 애플릿 참조 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!