小程序：模板与引用

准备工作：

新建一个quickstart项目，然后再pages目录下自己新建一个页面，例如t文件夹名为test，再在其下分别新建test.wxml、test.js、test.wxss文件。最后在app.json全局配置文件中配置test页面路径，项目结构如下：

然后再新建模板目录，在其下面新建header.wxml组件，相当于vue的组件，单独写一个文件，在其他页面方便直接拿来使用。如下：

1.模板与引用定义

1. 模板定义与使用
   1.WXML提供了模板template，可以在模板中定义代码片段，然后在其他不同的地方调用。这一点类似vue中组件。在页面的其他部分可以直接引入。

   2.定义模板：使用 name 属性，作为模板的名字。然后在<template/>内定义代码片段。如：

   <!-- 定义模板 -->
   	<template name="templatename">
       	<!--template标签里是模板内容-->
       	<text>这里是header模板</text>
   	</template>
   

   3.使用模板：使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入。使用方法参考标题2中import引入方式的例子。

   4.模板的作用域：模板拥有自己的作用域，只能使用 data 传入的数据以及模板定义文件中定义的 模块。使用方法参考标题2中import引入方式的例子。

   5.is属性可以使用 Mustache 语法，来动态决定具体需要渲染哪个模板。

   模板详情参考

2. 引用

   WXML提供了两种文件引用方式，分别是include和import。

   引用详情参考

<