vue 无限循环
Vue循环 (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.
我们有很多人称赞我们在Look Studios所做的无限内容循环。 我们决定为所有vue粉丝创建一个简单的.vue文件。
安装 (Installation)
npm install vue-loop --save
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 |
Struts | 类型 | 默认 |
---|---|---|
充分 | 布尔型 | 真正 |
水平的 | 布尔型 | 假 |
特征 (Features)
Full page content looping
全页内容循环
Contained content loop
包含的内容循环
Horizontal & Vertical options
水平和垂直选项
翻译自: https://vuejsexamples.com/infinite-content-loop-for-vue/
vue 无限循环