当前位置 : 主页 > 手机开发 > ROM >

在vue中使用swiper组件

来源:互联网 收集:自由互联 发布时间:2021-06-10
第一步:在终端的项目根目录下载安装swiper: cnpm/npm install vue-awesome-swiper --save; 第二步:在程序入口文件main.js中引用: import VueAwesomeSwiper from ‘vue-awesome-swiper‘ import ‘swiper/dist/css/swip

第一步:在终端的项目根目录下载安装swiper:

cnpm/npm install vue-awesome-swiper --save;

 

第二步:在程序入口文件main.js中引用:

import VueAwesomeSwiper from ‘vue-awesome-swiper‘

import ‘swiper/dist/css/swiper.css‘;

 

第三步:在main.js中使用swiper组件:

Vue.use(VueAwesomeSwiper)

 

部分引用:

 import ‘swiper/dist/css/swiper.css‘

import { swiper, swiperSlide } from ‘vue-awesome-swiper‘

导出两个组件:

components: {

  swiper,

  swiperSlide

}
网友评论