vue2.0——使用swiper

下载swiper：

npm install swiper --save-dev

swiper4.0使用入口：http://www.swiper.com.cn/usage/index.html；

html：

    

        
Slide 1
        
Slide 2
        
Slide 3
    
    
    

    
    
    

    

    
    
    

在需要使用swiper的组件里引入swiper，swiper的初始化放在mounted里（可以把官网例子的启动 var mySwiper = 删掉）；

js：

css：

在main.js里引入css

  import Vue from 'vue'
import 'swiper/dist/css/swiper.css';

二：全局使用：

当然也可以全局使用swiper；代码如下；

还是在刚才的helloworld.vue进行代码编写；只是去掉js和css文件的引入！

helloworld.vue代码

image.png

原网址：http://www.cnblogs.com/wangzhichao/p/7652749.html