引用

WXML 提供兩種文件引用方式import和(hé)include。

import 可(kě)以在該文件中使用目标文件定義的 template，如(rú)：

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

<!-- item.wxml -->

<template name="item">

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

</template>

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

<import src="item.wxml"/>

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

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

例如(rú)：C 引用 B，B 引用A，在C中可(kě)以使用B定義的 template，在B中可(kě)以使用A定義的 template ，但(dàn)是C不能(néng)使用A定義的template ，如(rú)代碼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è)裏将會觸發一(yī)個警告，因為(wèi) b 中并沒有定義模闆 A -->

<template is="B"/>

include 可(kě)以将目标文件中除了(le) <template/> <wxs/> 外(wài)的整個代碼引入，相當于是拷貝到 include 位置，如(rú)代碼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>