如何在.vue中使用swiper

原创 13476075014 随笔 js 294阅读 2018-05-08 09:32:12 举报

一:npm i vue-awesome-swiper --save

来在项目中先安装这个专门在vue中使用的swiper的npm包

二:在主入口js文件中引入,我的项目是main.js

在main.js中:
import Vue from 'vue'
import swip from 'swiper/dist/css/swiper.css' //需要在单独把这个css引入
import VueAwesomeSwiper from 'vue-awesome-swiper' //引入这个npm包
Vue.use(VueAwesomeSwiper)

三:在具体的vue文件中的使用

四:js的部分,写在当前vue文件的script里面

五:css的一些样式的调整

完整的代码可以看我的github:https://github.com/13476075014/node-vue/blob/master/mynodeproject/10.moon/client/src/components/index_one.vue

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复