引用(yòng)

WXML 提供兩種文(wén)件引用(yòng)方式import和(hé)include。

import 可以在該文(wén)件中使用(yòng)目标文(wén)件定義的 template，如：

在 item.wxml 中定義了(le)一個叫 item的 template ：

<!-- item.wxml -->

<template name="item">

<text>{{text}}</text>

</template>

在 index.wxml 中引用(yòng)了(le) item.wxml，就可以使用(yòng) item模闆：

<import src="item.wxml"/>

<template is="item" data="{{text: 'forbar'}}"/>

需要注意的是 import 有作(zuò)用(yòng)域的概念，即隻會(huì) import 目标文(wén)件中定義的 template，而不會(huì) import 目标文(wén)件中 import 的 template，簡言之就是 import 不具有遞歸的特性。

例如：C 引用(yòng) B，B 引用(yòng)A，在C中可以使用(yòng)B定義的 template，在B中可以使用(yòng)A定義的 template ，但(dàn)是C不能(néng)使用(yòng)A定義的template ，如代碼2-19、代碼2-20、代碼2-21所示。

代碼清單2-19 模闆 A

<!-- A.wxml -->

<template name="A">

<text> A template </text>

</template>

代碼清單2-20 模闆 B

<!-- B.wxml -->

<import src="a.wxml"/>

<template name="B">

<text> B template </text>

</template>

代碼清單2-21 模闆 C

<!-- C.wxml -->

<import src="b.wxml"/>

<template is="A"/> <!-- 這(zhè)裏将會(huì)觸發一個警告，因爲 b 中并沒有定義模闆 A -->

<template is="B"/>

include 可以将目标文(wén)件中除了(le) <template/> <wxs/> 外(wài)的整個代碼引入，相當于是拷貝到(dào) include 位置，如代碼2-22、代碼2-23、代碼2-24所示。

代碼清單2-22 index.wxml

<!-- index.wxml -->

<include src="header.wxml"/>

<view> body </view>

<include src="footer.wxml"/>

代碼清單2-23 header.wxml

<!-- header.wxml -->

<view> header </view>

代碼清單2-24 footer.wxml

<!-- footer.wxml -->

<view> footer </view>