vue项目中swiper的用法+vue项目中如何引入本地图片

1.在shell框中下载swiper :
cnpm install swiper@5.4.5 vue-awesome-swiper -save

2.在main.js中引入(5版本跟6版本引入方式不一样!!!切记!!!):
[6版本可能会有问题,出不来小点,所以尽量安装5版本的]
在main.js中这么引入:

import VueAwesomeSwiper from ‘vue-awesome-swiper’;

import ‘swiper/css/swiper.css’;

Vue.use(VueAwesomeSwiper);

3.HTML骨架:

<div class="swiper"></