基于Vue的延迟加载插件vue-view-lazy

基于vue的懒加载插件

目的：图片或者其他资源进入可视区域后加载

安装使用

1. 直接下载dist目录下的vue-view-lazy.min.js使用
2. 使用npm安装
   

直接使用

npm:

$ npm install --save-dev vue-view-lazy

引入vue-view-lazy

.main文件

import vView from 'vue-view-lazy'
Vue.use(vView,{
  error:'../../static/images/loading.png',
  loading:'../../static/images/loading.gif',
});

懒加载图片

.vue文件

  ...

懒加载数据

.vue文件

  .cnt {
    
    height: 500px;
    margin-bottom: 50px;
  }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。