微信小程序模板template简单用法示例

本文实例讲述了微信小程序模板template简单用法。分享给大家供大家参考，具体如下：模板

本文实例讲述了微信小程序模板template简单用法。分享给大家供大家参考，具体如下：

模板呢，就是为了方便你重复写一些代码而建立的，目前我指发现它的功能适合建立一些表格类型的数据，

比如，录入认得信息啥的(都有名字，年龄，性别啥的)

1. index.wxml代码

<view class="page">
<template name="aafa">
<view> <text> 姓名：{{name}} 年龄：{{age}}</text>
 </view>
</template>
//这是模板显示的四种方式，你看你喜欢哪一种
<template is="aafa" data="{{...zhangsan}}"/>
<template is="aafa" data="{{name:'李四',age:30}}"/>
<template is="aafa" data="{{name:x,age:y}}"/>
<template is="aafa" data="{{name,age}}"/>
<view>------------------------</view>
<template name="msgItem">
 <view>
 <text> {{index}}: {{msg}} </text>
 <text> Time: {{time}} </text>
 </view>
</template>
<template is="msgItem" data="{{...item}}"/>
</view>

2. index.js中代码

//
Page({
 data: {
 name:'唐6',
 age:50,
 x:'郭5',
 y:40,
 zhangsan:{
 name:'张三',
 age:20
 },
 item: {
 index: 0,
 msg: 'this is a template',
 time: '2016-09-15'
 }
 }
})

希望本文所述对大家微信小程序设计有所帮助。