微信小程序：WXML之模板

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

<template name="msgItem">
  <view>
    <view>{{index}}:{{msg}}</view>
    <text>Time:{{time}}</text>
  </view>
</template>

二、如何使用模板
使用is属性，声明需要使用的模板，然后将模板所需要data对象传入，“...”为扩展运算符，它是用来展开一个对象，比如本例中数据初始化中的item对象。

<!--pages/test/test.wxml-->
<template is="msgItem" data="{{...item}}"/>


<!--pages/test/test.js-->
Page({
  /**
   * 页面的初始数据
   */
  data: {
   item : {
     index:0,
     msg:"this is a template",
     time:"2018-0801"  
            }
        }
     }）

三、模板的作用域
模板有自己的作用域，只能使用data传入的数据