苏州小程序开发强调我们写代码就是要进行“偷懒”，这里的偷懒是表示写尽量少的代码量而不是真正的偷懒，记住我们是代码设计者，不是搬运工，所以我们要对对代码进行设计。本节将会介绍微信小程序开发中的模板策略。

提前模板，很容易理解，就是一个可以套用的样式，而具体的内容则会动态变化。

看下面的代码：

<template name=”productItem”>

<view class=’product-detail’>

<view class=’image’>{{ item .image}}</view>

<view class=’title’>{{ item .title}}</view>

<view class=’content’>

{{ item .detail}}

</view>

</view>

</template>

使用 name 属性，作为模板的名字。然后在<template/>内定义代码片段，代码片段中的内容就是我们多次使用的，例子中表示显示产品详情的代码，假设要显示产品详情的地方很多，我们这里定义模板之后，其他地方可以直接调用。如果存在需求调整，比如要修改产品显示布局，或者增加新的显示项，我们只要修改这个模板中的代码即可，其他调用的地方都会更新。这样是不是非常高效呢？

那么我们定义好了模板，怎么去使用呢？

首页在要使用的页面顶部引入模板文件，假设模板文件放在template目录下，命名为product.wxml, 则语法结构：<import src=”../../template/product.wxml” />。然后就可以在页面中进行使用，调用模板的语法为：<template is=” productItem ” data=”{{item}}” /> 这里data属性对应的值{{item}}就是产品数据的变量，保存着产品的数据信息，通过它传递到模板页面，然后调用模板中的代码渲染显示。

我们看调用模板的语法，其中的属性is是用来声明我们要调用哪个模板，对应的属性值就是我们模板中定义的template的name属性的值，必须要一致，否则会提示错误，找不到。一个模板文件中可以定义多个模板，数量没有限制。但是为了代码友好，不建议在一个模板中定义不相关的模板，同个模块的可以在一起，但是如果模板代码量较大，也建议单独建立文件。

使用模板最大的好处就是相同内容的代码只要写一份就可以了，不用复制多份，后期修改起来也是非常的高效。

模板虽然是个很好的东西，但是有些情况却不能满足，这时我们就要用到另个高级应用：组件，英文名为component，下节我们将着重介绍。