Vue使用懒加载

使用懒加载

  1. 下载依赖包
    cnpm install vue-lazyload -D
  2. 引入到main.js中并使用
import  Vuelazyload from 'vue-lazyload'


Vue.use(VueLazyload, {
  preLoad: 1.3,
  error: 'dist/error.png',
  loading: 'dist/loading.gif',  (图片路径,可以只写这一个)
  attempt: 1
})
  1. template:

4.启动项目,完成。
5.参考网址
https://www.npmjs.com/package/vue-lazyload

你可能感兴趣的:(前端,vue)