问题: Vue项目里使用vue-awesome-swiper组件,无法轮播的问题
下载vue-awesome-swiper
npm install vue-awesome-swiper --save
局部引入
swiper这种用到的组件不是很多的建议局部引入,我在项目中用的全局引入。
在需要用到swiper的组件里引入,如Home.vue
<script>
import 'vue-awesome-swiper/node_modules/swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from "vue-awesome-swiper";//局部引入
export default {
components: {
swiper,
swiperSlide
},
};
</script>
全局引入
在main.js中引入下面的代码:
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)
注意: 这么引入进去会报一个错。
报错信息如下:
This dependency was not found:
* sw