wepy - 与原生有什么不同（事件更改）

对于repeat，详情见官方文档

 <style lang="less">
   .userinfo {
     display: flex;
     flex-direction: column;
     align-items: center;
   }
   .userinfo-avatar {
     width: 80rpx;
     height: 80rpx;
     border-radius: 50%;
   }
   .userinfo-nickname {
     color: #aaa;
   }
   .order {
     color: #f00;
   }
   .btn {
     width: 150px;
     height: 30px;
     color: #fff;
     line-height: 30px;
     text-align: center;
     background-color: aquamarine;
     border-radius: 10rpx;
     margin: 5% 0;
   }
   .btn:active {
     opacity: .7;
   }
 </style>

 <template>
   <view class="container">
     <!-- 点击事件 -->
     <view @tap="click" class='btn'>111{{num}}</view>
     <!-- 点击传值事件 -->
     <view @tap="clickValue({{num}})" class='btn'>666</view>

     <!-- 循环组件:repeat -->
     <repeat for="{{3}}" key="index" index="index" item="item">
         <view>我要循环{{index}}次!!!</view>
         {{index}}
         {{item}}
     </repeat>

   </view>
 </template>

 <script>
   /**
        @tap="click" = bindtap
        @tap.stop = catchtap
        @tap.capture = capture-bind:tap
        @tap.capture.stop = capture-catch:tap
        @tap="click({{index}}) = bindtap="click" data-index={{index}}"
      */
   import wepy from 'wepy';
   export default class Index extends wepy.page {

     data = {
       num: '我是数字'
     };

     methods = {
       click() {
         console.log('点击我了啊!');
       },
       clickValue(e) {
         console.log('我拿data-到值了:', e);
       }
     };

     onLoad() {
       console.log('加载事件!');
     }

   }
 </script>