建立一个template的文件夹,定义需要使用模板的组件(以下称之b组件)
在b组件中定义模板,并使用name取名
<template name="msgItem">
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>
在需要用到这个模板的组件中(以下称为a组件),引入b组件模块,并使用is获取获取b组件名称,使用data将b组件需要的变量传入,如下
<import src="../../../template/makeSuggestion.wxml" />
<template is="msgItem" data="{{...test}}"/>
a组件中数据结构如下:
Page({
data: {
test: {
index: 0,
msg: 'this is a template',
time: '2016-09-15'
}
}
})
自学原生小程序开发,记录一下不明白的东西,以上结合官网实例整合