WeChat 애플릿 참조 튜토리얼

이 글은 주로 위챗 미니 프로그램에서 인용한 관련 정보를 소개하고, 간단한 예시 코드를 첨부했습니다. 도움이 필요한 친구는 위챗 미니 프로그램의

시리즈

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: &#39;forbar&#39;}}"/>

가져오기 범위

가져오기에는 범위 개념이 있습니다. 즉, 대상 파일에 정의된 템플릿만 가져오고 대상 파일에서 가져온 템플릿은 가져오지 않습니다.

예: 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는 dcdc0fa59b5fea5bdae0d810c3919fcd에서 대상 파일의 전체 코드를 도입할 수 있습니다. 이는 포함 위치에 복사하는 것과 같습니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!