vue 移动端 图片懒加载 lazy

安装：

npm install vue-lazyload --save-dev

main.js 引入

import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
  loading: require('@/assets/images/Lazy.png'),//加载中图片，一定要有，不然会一直重复加载占位图
  error: require('@/assets/images/Error.jpg')  //加载失败图片
});

调用：

     

            // 只要将src改为v-lazy即可
           
        
        

还可以插背景图

还有想实现像v-html语法的