模板(template):
定义模板
<template name="[String]">
<!-- 模板代码 -->
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>
属性 name 必须,命名该模板。
使用模板
<template is="msgItem" data="{{...item}}"/>
Page({
data: {
item: {
index: 0,
msg: 'this is a template',
time: '2016-09-15'
}
}
})
属性:
is 【必须】 指明要使用的模板名称,可以是Mustache语法生成的名称。
data 【可选】用于设置模板所需要的数据,模板定义中可以直接使用该数据
import
import可以在该文件中使用目标文件定义的template,语法:
<import src="[文件路径]"/>
import只能获取目标文件中的template部份,并且不会获取目标文件中import中的模板。
include
include 可以将目标文件除了 <template/> <wxs/> 外的整个代码引入,相当于是拷贝到 include 位置,语法:
<include src="[文件路径]"/>