提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
提示:以下是本篇文章正文内容,下面案例可供参考
一、组件的引入?
npm i swiper@5.x vue-awesome-swiper
utils中建一个swiper.js
中引入
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'
Vue.use(VueAwesomeSwiper)
main.js中引入
import './utils/swiper'
二、使用步骤
1.html代码
代码如下(示例):
<swiper
style="width: 750px; height: 474px"
@mouseenter.native="stopSwiper"
ref="mySwiper"
:options="swiperOption