v-on

缩写：@

v-on:click="handle($event)"     $event可以获取到该dom的基础信息           https://cn.vuejs.org/v2/api/#v-on

其他的

HTML 事件属性写法与之类似

http://www.w3school.com.cn/tags/html_ref_eventattributes.asp

例如：onload 换成vue的写法就是 v-on:load="handle($event)"      或    @load="handle($event)"

v-on:  就相当于  onload 前缀的on用法，其他的用法类似

其他的我没试过不知道是不是这样的额，猜想应该是这样的额

@load的用法

 <div class="imgAll">
         <!--屏幕宽度： {{screenWidth}}-->
          <ul>
            <li v-for="(value,key) in imageUrls" class="imgBox" >
              <div class="box">
                <img :src="value" @load="drawImage_box($event)" class="imsg">
              </div>
              <i class="delImg" v-on:click="delImg(key)"> X </i>
            </li>
            <li >
              <div class="z_file">
                <input type="file" name="file" class="inputstyle"  @change="PreviewImage"/>
              </div>
            </li>
          </ul>
        </div>

//获取缩略图盒子宽高后再执行缩放
      drawImage_box(e){
          var width_img= $(".imgBox").width();
          var height_img= $(".imgBox").height();
          // console.log(width_img + "," + height_img);
          this.DrawImage( e.target,width_img, height_img);
        },
      //图片缩放居中核心功能
      DrawImage(ImgID,width_s, height_s) {
        var image = new Image();
        let imgInfo = ImgID;
        if (imgInfo) {
          let src = ImgID.src;
          image.src = src;
          if (image.width > 0 && image.height > 0) {
            if (image.width / image.height <= width_s / height_s) {
              ImgID.width = width_s;
              var height = (image.height * width_s) / image.width;
              ImgID.height = height;
              ImgID.style.marginTop = -(height - height_s) / 2 + "px";
            } else {
              ImgID.height = height_s;
              var width = (image.width * height_s) / image.height;
              ImgID.width = width;
              ImgID.style.marginLeft = -(width - width_s) / 2 + "px";
            }
          }
        }
      },

原文地址：https://www.cnblogs.com/itchenfirst/p/9987279.html