Infinite content loop for Vue

by Vue.js Examples

Vue Loop

We've had a lot of people compliment us on the infinite content loop we did over at Look Studios. We decided to build a simple .vue file for all you vue fans to use.

View demo Download Source

Installation

npm install vue-loop --save

Usage

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>

Optional Props

Prop Type Default
full Boolean true
horizontal Boolean false

Features

  • Full page content looping
  • Contained content loop
  • Horizontal & Vertical options

GitHub