微信小程序 其二数据绑定

问题详情：有关小程序的数据绑定
首先要说的是input的双向数据绑定，需要调用到model:value方法：
model:value="{{ username }}"
注：记得在wxs文件的data里写username这个自定义key，设置为空值即可

其次要说的是遍历功能，这里以轮播图为例，需要调用wx:for方法：

<swiper-item wx:for="{{arr}}" wx:key="img" wx:for-index="index">    
    <image class="demo-text" src="{{item.img}}"></image>
  </swiper-item>

注：除了需要调用wx:for方法外，若有需要将参数传给子标签，记得使用 wx:key设置子标签可使用的key，否则子标签将取不到任何值

接下来要说的是比较常用的属性绑定，这个不需要调用方法：

<swiper indicator-dots="ture" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
  
</swiper>

这里还是使用轮播图来说明，如上代码中的autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}"就是单向数据绑定其中"{{autoplay}}"中的autoplay为wxs里data设置的数据

最后是单向数据绑定，这个也不需要调用方法：
先在wxml设置好替换数据的标签
<view>{{text}}</view>
然后在wxs里设置替换的数据就好了

Page({
  data: {
    text: "这儿啥也没有"
  }  
})