https://github.com/lookstudios/vue-loop

Infinite content loop for Vue
https://github.com/lookstudios/vue-loop

Last synced: 7 months ago
JSON representation

Infinite content loop for Vue

• Host: GitHub
• URL: https://github.com/lookstudios/vue-loop
• Owner: jsmmth
• Created: 2017-04-28T17:37:49.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-09T10:15:51.000Z (almost 8 years ago)
• Last Synced: 2025-04-25T15:03:48.736Z (8 months ago)
• Language: Vue
• Homepage:
• Size: 384 KB
• Stars: 814
• Watchers: 14
• Forks: 37
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-vue - vue-loop - 无限的内容循环 (UI组件)
• awesome-vue - vue-loop - Infinite content loop for Vue ` 📝 3 years ago` (UI Components [🔝](#readme))
• awesome-github-vue - vue-loop - 无限的内容循环 (UI组件)
• awesome-vue-zh - Vue环 - Vue.js 2的无限内容循环组件. (UI组件 / 无限滚动)
• awesome-vue - vue-loop - loop?style=social) - 无限的内容循环 (UI组件)
• awesome - vue-loop - 无限的内容循环 (UI组件)
• awesome-vue - vue-loop - An infinite content loop component for Vue.js 2. (UI Components / Infinite Scroll)
• awesome-vue - vue-loop - An infinite content loop component for Vue.js 2. (Components & Libraries / UI Components)

README

          
![cover](https://cloud.githubusercontent.com/assets/3231370/25569788/1a75e24a-2deb-11e7-8e16-88283272309b.png)

# Vue Loop

We've had a lot of people compliment us on the infinite content loop we did over at [Look Studios](http://lookstudios.xyz). We decided to build a simple .vue file for all you vue fans to use.

[Live Demo](https://cdn.rawgit.com/lookstudios/vue-loop/ea086525/Examples/public/index.html)

[Horizontal Demo](https://cdn.rawgit.com/lookstudios/vue-loop/ea086525/Examples/public/horizontal.html)

[Contained Demo](https://cdn.rawgit.com/lookstudios/vue-loop/ea086525/Examples/public/contained.html)

## Showcase

Sites using Vue Loop 💙

- [Look Studios](http://lookstudios.co)

- [Submit your site](https://github.com/lookstudios/vue-loop/issues/new)

## Installation

`npm install vue-loop --save`

### Usage 

```javascript

import VueLoop from 'vue-loop'

new Vue({

    el: '#app',

    components: {

        VueLoop

    }

})

```

```html

    


        1

    

    


        2

    

    


        3

    

    


        4

    


```

## Optional Props

| Prop          | Type          | Default       |

| ------------- |:-------------:|:-------------:|

| full          | Boolean       | true          |

| horizontal    | Boolean       | false         |

## Features

- Full page content looping

- Contained content loop

- Horizontal & Vertical options

## Support

- [joe@lookstudios.co](mailto:joe@lookstudios.co)

- [@lookstudiosco](http://twitter.com/lookstudiosco)

## License

MIT