关于微信小程序的引用功能
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>