Vue.js的轮播组件– vue-glide

Vue.js的轮播组件– vue-glide
插件名称 vue-glide
发布时间 2020年5月23日
插件作者 antonreshetov

优雅的滑块/传送带组件,用于vue.js,基于所述glide.js。

安装和下载:

# NPM
$ npm install vue-glide-js --save

我局:

要在您的项目中使用,只需导入vue-glide并安装到Vue中即可。

import Vue from 'vue'
import App from './App.vue'
import VueGlide from 'vue-glide-js'
import 'vue-glide-js/dist/vue-glide.css'

Vue.use(VueGlide)

new Vue({
  el: '#app',
  render: h => h(App)
})

一经请求

<template>
  <div id="app">
    <vue-glide>
      <vue-glide-slide v-for="i in 10" :key="i">
        Slide {{ i }}
      </vue-glide-slide>
    </vue-glide>
  </div>
</template>

<script>
  import { Glide, GlideSlide } from 'vue-glide-js'

  export default {
    components: {
      [Glide.name]: Glide,
      [GlideSlide.name]: GlideSlide
    }
  }
</script>