WeChat 애플릿 참조 튜토리얼

高洛峰
풀어 주다: 2018-05-15 10:20:39
원래의
2454명이 탐색했습니다.

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

시리즈

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는