这里我们使用npm的方式安装swiper插件。

1.npm install vue-awesome-swiper --save

2.在main.js文件中引入文件

import Vue from 'vue'

import VueAwesomeSwiper from 'vue-awesome-swiper'
3.然后注册全局的swiper

Vue.use(VueAwesomeSwiper)

4.在模板中使用

//引入swiper.css
require('swiper/dist/css/swiper.css')

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

 
export default {
  components: {
    swiper,
    swiperSlide
  }
}

5.swiper的js设置直接写在直接放在 mounted 中处理。

最新文章

  1. SharePoint 2010 匿名访问开启后不能访问Allitems.aspx或DisplayForm.aspx
  2. Sharepoint 2010 无法上传文件的问题
  3. android gridview画分割线，如图：
  4. [转]http://lua-users.org/wiki/LpegTutorial
  5. Android启停调试
  6. 管子&小白
  7. sql查询 所有被锁定的表
  8. iOS 初级数据持久化
  9. Android学习之路——简易版微信为例（一）
  10. hdu2030java
  11. Python 多线程 队列 示例
  12. notepad的快捷操作-代码速写
  13. 【原创】使用workstation安装Xenserver 6.5+cloudstack 4.10----本地存储模式
  14. MariaDB/MySQL备份和恢复(三)：xtrabackup用法和原理详述
  15. Python中的urllib2模块解析
  16. centos7搭建ELK Cluster集群日志分析平台（三）：Kibana
  17. CSS样式链接和文字常用属性
  18. JavaSE回顾及巩固的自学之路(一)——————前言
  19. Vue注意事项及用得较多的属性归纳
  20. 网页前端 html js 相关

热门文章

  1. Minimum Path Sum(DFS,DP)
  2. sonar做代码检测时如何忽略一些代码文件
  3. 【CV论文阅读】An elegant solution for subspace learning
  4. C# .NET Visual Studio VS2008如何显示行号
  5. 本地调用jni之VC++无法导入问题
  6. Scala界面事件处理
  7. android7.0 编译问题及解决【转】
  8. node inspector的安装以及使用【已经淘汰了】
  9. 【Dairy】2016.10.23 观火&中彩记
  10. Recyclerview 顶部悬停 stick