您的位置：首页 > 移动开发 > 微信开发

微信小程序开发(十) - 引用外部文件 - wxml 引用

2018-03-08 08:58 543 查看

引用

WXML 提供两种文件引用方式
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: 'forbar'}}"/>


import 的作用域

import 有作用域的概念，即只会
import
目标文件中定义的
template
，

而不会
impor
t 目标文件 
import 的 template
。

简单来说就是 只包含下一层,不会迭代

如：

C import B，B import A，在C中可以使用B定义的template，在B中可以使用A定义的template，但是C不能使用A定义的template。

<!-- 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 可以将目标文件除了 
<template/> <wxs/>
外的整个代码引入

相当于是拷贝到 include 位置，

如：

<!-- index.wxml -->
<include src="header.wxml"/>
<view> body </view>
<include src="footer.wxml"/>


<!-- header.wxml -->
<view> header </view>


<!-- footer.wxml -->
<view> footer </view>


总结来讲 ,import 用来导入 静态块 ,include 用来导入页面结构

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航