vue中引入swiper

1、依赖swiper

npm install swiper --save-dev

2、引入swiper

import Swiper from 'swiper';
import "swiper/dist/css/swiper.min.css";

3、使用swiper

页面布局参考官网swiper4.0

<script>
import Swiper from "swiper";
import "swiper/dist/css/swiper.min.css";

export default {
  name: "hello",
  mounted() {
  //实现中间居中左右两边显示一点的布局
    new Swiper("#swiper", {
      initialSlide: 1,
      slidesPerView: 1.1,
      centeredSlides: true
    });
  }
};
</script>