Vue Loop is a component for Vue.js that allows you to create an infinite content loop for your site. It features full page content looping, a contained content loop, and horizontal & vertical options.
Here is a demo of the component in action:
Getting started is simple. Just add it to your project via NPM:
npm install vue-loop --save
Then in your JavaScript:
import VueLoop from 'vue-loop'
new Vue({
el: '#app',
components: {
VueLoop
}
})
<vue-loop :full="true" :horizontal="false">
<div class="item">
1
</div>
<div class="item">
2
</div>
<div class="item">
3
</div>
<div class="item">
4
</div>
</vue-loop>
For more information on Vue Loop see the Github Project or the live demo.