Vue Loop – Infinite Content Looping for Vue.js

byEric L. Barnes on

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.