vue swipter

vue-awesome-swiper官网链接https://www.npmjs.com/package/vue-awesome-swiper

和上一篇随笔一样,我们先下载包,然后去main.js里面配置。

1
npm install vue-awesome-swiper --save

  我们可以用import的方法

1
2
3
// import
import  Vue from  'vue'
import  VueAwesomeSwiper from  'vue-awesome-swiper'

  也可以用require

1
2
var  Vue = require( 'vue' )
var  VueAwesomeSwiper = require( 'vue-awesome-swiper' )

  两者都可以达到目的,然后再mian.js里面全局注册

1
Vue.use(VueAwesomeSwiper)

  在模板里使用

1
2
3
4
5
6
7
8
import  { swiper, swiperSlide } from  'vue-awesome-swiper'
 
export  default  {
   components: {
     swiper,
     swiperSlide
   }
}

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
  

  这样就可以使用啦


你可能感兴趣的:(vue,vue-cli,d3.js,vue)