优雅的滑块/传送带组件,用于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>