1.什么是模板

WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。

1 第一步，首先建立模板文件

image.png

2 第二步，引入模板

image.png

3第三步，输写模板功能

image.png

4第三步，输出模板内容

image.png

image.png

is 名字和 模板名字要对应起来

image.png

所有代码
template 模板代码

<template name="template_text" wx:for="{{optionData}}">
  <view class="temp_text">你好，这是我的第一个模板，我的名字是template_text</view>
       <block wx:for="{{optionData}}">
          <view>{{item.msg}} -- {{item.time}}</view>
      </block>
</template>

index界面

<!--index.wxml-->
<import src="./template/template.wxml"/>

<template is="template_text"  data="{{optionData}}"></template>

index.js 界面

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    optionData:[{
    index: 0,
    msg: 'this1',
    time: '2016'
  },{
        index: 1,
        msg: 'this2',
        time: '2317'
      },
  ]