微信小程序中如何进行引用

关于微信小程序的引用功能

WXML提供两种文件引用方式：

• import
• include

两者的区别：

• import引用模板文件
• include引用整个除了的文件

import引用

import可以在该文件中使用目标文件定义的template。
假如在item.wxml中定义了一个叫item的template。
示例代码如下：

<!-- item.wxml -->
<template name=“item”>
<text> {{ text }} </text>
</template>

在index.wxml中引用了item.wxml，就可以使用item模板。
示例代码如下：

<import src=“item.wxml”/>
<template is=“item” data=“{{ text:‘import引用’}}” />

include引用

include可以将目标文件除了的整个代码引入，相当于是复制到include位置。
示例代码如下：

<!-- index.wxml -->
<include src=“header.wxml”/>
<view>页面主体</view>
<include src=“footer.wxml”/>
<!-- header.wxml -->
<view>头文件</view>
<! -- footer.wxml -- >
<view>尾文件</view>