VUE2.X使用Swiper5.x，并实现懒加载

安装Swiper5

cnpm install swiper@5.4.5 vue-awesome-swiper --save

main.js引入

import VueAwesomeSwiper from 'vue-awesome-swiper'
//引入样式
import 'swiper/css/swiper.css'

Vue.use(VueAwesomeSwiper, /* { default options with global component } */)

myswiper.vue组件使用

<template>
  <div class="recommendPage">
    <swiper class="swiper" :options="swiperOption">
      <swiper-slide  class="swiper-slide" v-for="(banner, index) in banners" :key="index">
        <img :data-src="banner" class="swiper-lazy">
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-lazy-preloader"></div>
      </swiper-slide>
      <div class="swiper