数据绑定：
<block>标签并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性（主要用于配合wx:for、wx:if等控制属性）。
image.png
小程序的数据绑定和Vue的数据绑定比较：
Vue：
<div v-for = "(item.index) in items">
<div v-for = "(item,key) in obj"> //obj是对象，key为键名
---
<div v-if="toDayRecomm.thFlag==2 && toDayRecomm.thtimestampStart<=0">
<divv-if="toDayRecomm.thFlag==1 && toDayRecomm.thtimestampStart<=0">
<div v-else>
---
<div class="cirleBall" :class="{actived:index,active:!index}" > //css样式绑定
---
<span @click="getUnPhoneVef" v-show="!countDownFlag" v-if="step1Flag">获取验证码</span> //v-show类似于小程序的hidden
小程序：
wx:for="{{films}}" //默认数组当前项是item，如果需要修改数组当前项和序号，需要如下操作
<block wx:for="{{films}}" wx:for-item="film" wx:for-index="id">
<block wx:for-items="{{films}}" wx:for-item="film" wx:for-index="id">
---
<block wx:if="{{film.rating.average > 0}}">
<block wx:elif="{{film.rating.average == 0}}">
<block wx:else>
---
<view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view> //css样式绑定
---
<view class="show-popup" hidden="{{hideShopPopup}}" >
注：
wx:key的作用非常关键，当数据动态添加时，需要给当前内容添加wx:key，参考
事件绑定：
tap(单击)、longpress(长按)、
更多事件类型见：官方文档
案例：
<view class="film-item" bind:tap="viewDetail" data-id="{{film.id}}" data-title="{{film.title}}">
...
</view>
// 简写方式：
<view class="film-item" bindtap="viewDetail" data-id="{{film.id}}" data-title="{{film.title}}">
...
</view>
