一、使用需求背景介绍（个人）

因为个人在小程序的开发中，对轮播图的使用率比较高，微信小程序虽然自带有轮播图，但是太过单一，我需要构建自己的响应式的各式各样的一个轮播图库，所以需要构建一个公用的模板。template是WXML的模板视图层构建的组件，或者按前端的说法来是元素，或标签。所以我打算用template组件来构建自己的轮播图模板库，所以用到了template。

常规需求：需要多次用到的公共模块，可以用template定义，需要时调用。

二、使用template组件，定义模板

（一）在template中嵌套需要引用的公共代码

将需要引用的部分使用template组件包裹起来，专业地说是把需要引用的WXML视图层组件代码嵌套在template组建

<template>
	<text></text>
    ......
</template>

(二)使用template name 属性命名模板

模板的名称可以随意命名，在这里解释使用“####“”代替，仅用于占位

<template name="####">
	<text></text>
    ......
</template>

三、引用模板，输入必要数据

（一）使用<import>组件引入模板WXML

使用<import>的src属性传入template模板WXML的相对路径+文件名+后缀

<import src="/xxx.wxml"/>

（一）使用template is 属性 调用指定模块

is属性的值，即我们所定义的所要引用的模板原来定义的Name属性的值

<template is="####">
	<text></text>
    ......
</template>

（二）如绑定有.js，data数据，此时需使用template data属性，进行数据绑定，方可完美的呈现模板内容

需要注意的事，data数据必须可以从当前页面对应的界面中可以读到，既可以是直接在data中定义的，当然，亦可以使用全局变量传过来的

<template is="####" data="{{xxxxx}}">
	<text></text>
    ......
</template>

点击查看 微信开发中文档