1.npm i vue-awesome-swiper@3.1.3 版本最为稳定
2.全局引入:
import VueAwesomeSwiper from ‘vue-awesome-swiper’
import ‘swiper/css/swiper.css’
Vue.use(VueAwesomeSwiper, /* { 全局组件的默认选项 } */)
局部引入:
import ‘swiper/dist/css/swiper.css’
import { swiper, swiperSlide } from ‘vue-awesome-swiper’
export default {
components: {
// 注册 vue-awesome-swiper 组件
swiper,
swiperSlide
},
};
3.使用代码
`
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
`
https://blog.csdn.net/weixin_46212682/article/details/122489952