vue摸板 大数据_大数据技术之Vue 超大数据列表解决方案

本篇教程探讨了大数据技术之Vue 超大数据列表解决方案，希望阅读本篇文章以后大家有所收获，帮助大家对大数据技术的理解更加深入。

<

vue-recyclerview

Mastering Large Lists with the vue-recyclerview

Preview

Demo

https://hilongjw.github.io/vue-recyclerview/

Requirements

Vue 2.0 +

Install

npm i vue-recyclerview

>

Usage

:prerender="30"

key="mi"

class="recyclerview mi-list"

:fetch="MiFetch"

:item="MiItem"

:tombstone="MiTomstone"

>

import Vue from 'vue'

import RecyclerView from 'vue-recyclerview'

import MiItem from './components/MiItem.vue'

import MiTomstone from './components/MiTombstone.vue'

const totalCount = 1000

const MiFetch =  function fetch (count, items) {

count = Math.max(30, count)

return new Promise((resolve, reject) => {

setTimeout(() => {

resolve([ ... mockData])

}, 200)

})

.then(list => {

return {

list: list,

count: totalCount

}

})

}

export default {

name: 'app',

data () {

return {

MiFetch: MiFetch,

MiItem,

MiTomstone

}

},

components: {

RecyclerView: RecyclerView(Vue)

}

item

                

{{data.name}}

{{ data.product_comment }}

{{ data.price_min }}

export default {

props: {

data: Object

}

}

tombstone

                

00.00

License

MIT

the project inspired by infinite-scroller

本文由职坐标整理发布，学习更多的大数据技术相关知识，请关注职坐标大技术云计算大技术技术频道！