微信小程序模板template簡單用法示例

這篇文章主要介紹了微信小程序模板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'
  }
 }
})

希望本文所述對大家微信小程序設計有所幫助。