微信小程序学习（一）（import和include、页面路由、文件格式、条件渲染、列表渲染）

微信小程序 WXML提供了import和include引用方式

WXML提供两种文件引用方式import和include。

import 
import是用来导入模板。

include 
includes用来导入除模板以外的内容。

 

import

import可以在该文件中使用目标文件定义的template，如：

在item.wxml中定义了一个叫item的template：

1.  

2.  <templatename="item">

3.  <text>{{text}}text>

4.  template>

在index.wxml中引用了item.wxml，就可以使用item模板：

1.  <importsrc="item.wxml"/>

2.  <templateis="item"data="{{text: 'forbar'}}"/>

import的作用域

---

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

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

1.  

2.  <template name="A">

3.  <text> A template text>

4.  template>

1.  

2.  <import src="a.wxml"/>

3.  <templatename="B">

4.  <text> B template text>

5.  template>

1.  

2.  <import src="b.wxml"/>

3.  <template is="A"/>

4.  <template is="B"/>

include

include可以将目标文件除了