图片懒加载

1.需要下载lazyload插件

        npm i vue-lazyload@1.3.3 -s   注意：建议下载1.3.3版本，不然可能会报错

2.引入需要的gif图片

        import loadimg from '@/assets/1.gif'

3.在main.js中引入并使用插件

        import VueLazyload from 'vue-lazyload'

        Vue.use(VueLazyload,{

          loading: loadimg,  //需要懒加载时的gif图片

        })

//引入gif图片
import loadimg from '@/assets/1.gif'
//引入图片懒加载插件
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload,{
  loading: loadimg,
})

4.在组件的图片处使用

<template>
    <img v-lazy="good.defaultImg"
</template>