import 与include的区别

简述

• 一个wxml文件可以通过include或import引入其他wxml文件
• import引入wxml文件只接受模板的定义，忽略模板之外的内容定义。
• include正相反，其引入除
• import引入模板定义，include引入组件

import例子

前言

如下例在a.wxml引入b.wxml，在b.wxml引入c.wxml,这样a就能直接使用b.wxml中的模板，b就能直接使用c.wxml的模板，但是a.wxml不能直接使用c.wxml的模板
/pages/template/a

<import src="../common/b.wxml" />//导入模板文件文件  
<template is="btemplate" />    
<template is="ctemplate" />//不能直接调用c.wxml

../commonImport/b.wxml

<import src="c.wxml" />
<view>b template content</view>//import时被忽略  
<template name="btemplate">
    <template is="ctemplate" />
    <view>b template content</view>
</template>
<template is="ctemplate" />//import时被忽略   

../commonImport/c.wxml

<template name="ctemplate">
<view>c template content</view>
</template>

结果显示

include例子

前言

如下例在a.wxml引入b.wxml，在b.wxml引入c.wxml,这样a就能直接使用b.wxml中的模板，b就能直接使用c.wxml的模板，但是a.wxml不能直接使用c.wxml的模板
/pages/template/a

<include src="../commonInclude/b.wxml" />//导入模板文件文件   
<template is="btemplate" />//include时被忽略    
<template is="ctemplate" />//include时被忽略    

../commonInclude/b.wxml

<import src="c.wxml" />
<view>b template content</view>//include时正常调用 
<template name="btemplate">//include时被忽略 
    <template is="ctemplate" />
    <view>b template content</view>   
</template>
<template is="ctemplate" />//include时正常调用    

../commonInclude/c.wxml

<template name="ctemplate">
<view>c template content</view>
</template>

结果显示