微信小程序模版、循环、函数绑定、轮播图（三四）

1、数据封装

        微信小程序中的.js文件里的data用于封装数据，实现动态数据更新。在.wxml界面用“{ {  }}”来

获取数据。

//.js文件
data: {
    obj:[
      {jpg:"../../images/1.jpg",wenzi:"朋友圈"},
      {jpg:"../../images/2.jpg",wenzi:"扫一扫"},
      {jpg:"../../images/3.jpg",wenzi:"摇一摇"}
    ],
},

2、wx:for和模版template

        wx:for是微信小程序里的循环，利用它可以拿到数组数据。

        使用<template name=“模板名”></template>可以定义模版，使用<template is=“模板名”  data=“数据”></template>可以使用模版。

//.wxml文件

//定义
<template name="tem2">
  <view class="s1" wx:for="{
  {obj}}">
    <image src="{
  {item.jpg}}"/>
    <text>{
  {item.wenzi}}</text>
  </view>
</template>

//使用
<template is="tem2" data="{
  {obj}}"></template>

3、绑定简单函