关于vue移动端性能优化需要的插件（图片懒加载，点击穿透）

1.1. 关于移动端常见问题 click 有300ms的延迟

npm install v-tap --save;  // 移动端点击事件 去掉300ms

1.2.在其main.js当中注册

import vueTap from 'v-tap';
Vue.use(vueTap);

1.3 在其使用的页面

<div v-tap="{ methods : telClick }">移动端点击</div>  // telClick 就是点击事件

2.1关于图片懒加载

npm i vue-lazyload -S

2.2 在其main.js当中注册

//  使用图片懒加载
import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
  preLoad: 1.3,  // 预加载高度比例
  error: 'dist/error.png',   // 当加载图片失败的时候
  loading: 'dist/loading.gif',    // 当加载图片成功的时候
  attempt: 1   // 尝试计数
})

2.3 在其使用的时候加上key，并且你的key是要唯一的，不然可能造成图片不刷新的问题。

<img v-lazy=" " :key=" " alt=" " />
<img v-lazy:background-image="imgLink" :key=" " alt=" " /> // 加载背景图的时候

2.4 图片在assets文件夹，就需要使用require（）进行引入。

持续记录…