无限列表优化

当浏览器渲染的 Dom 节点过多时，给浏览器带来的压力过大，所以对长列表渲染的时候，我们将未在窗口范围值内的 Dom v-if,

vue-virtual-scroller 是我处理无限列表常用的插件：
它主要能实现的功能是，能处理巨量列表的展示。原理是它只把展示给用户的那部分渲染出来，比如滚到上面的 dom 就回收掉。这个跟 iOS 的 ReuseableCell 很像，那个是复用的。

vue-virtual-scroller 的使用

vue2 使用 vue-virtual-scroller

1. 安装
   安装 vue-virtual-scroller

npm i vue-virtual-scroller

安装完后 package.js 中会多出

"vue-virtual-scroller": "^1.0.10"

2. vue 中引入 vue-virtual-scroller
   main.js 中引入 vue-virtual-scroller 并 use 它

1.// vue virtual scroller
2.import "vue-virtual-scroller/dist/vue-virtual-scroller.css" // 引入它的 css
3.import VueVirtualScroller from "vue-virtual-scroller" // 引入它
4.Vue.use(VueVirtualScroller) // use 它

vue-virtual-scroller 中包含这几个组件，这里只介绍 RecycleScroller：

RecycleScroller
DynamicScroller
DynamicScrollerItem