【nvue】分段滚动长列表相关问题

首先参考文档为uni-app官方文档和weex官方文档。

吐槽一下，可能是因为有 weex 官方文档的存在，uni-app 在 nvue 这块有些文档写的很简洁 =。=

nvue 是 uni-app 基于 weex 改进的原生渲染引擎，全称为 native vue，简称 nvue。在学习伊始我忽视了 nvue 的重要性，初次运行大量的爆红让我退缩了（没有认真读文档T T），导致后期重构代码。

重点来了，nvue 有哪些是让我认为是很重要的功能呢？如下：

• 长列表性能高，资源占用少
• 可自定义的、高性能的、原生下拉刷新和触底加载
• 可实现区域滚动长列表+左右拖动列表+吸顶的复杂排版效果

请注意第三点，这个是我最看重的功能，后面会有我专门对他的讲解。

下拉刷新

注意：这里仅讲 nvue 如何实现下拉刷新，对下拉刷新详细的叙述在另一篇文章。

1. 页面结构

   在页面的 <list> 标签中添加 <refresh> 标签，否则不会触发下拉刷新。

2. 方法

   触发下拉刷新的方法是一个名叫 onPullDownRefresh 的生命周期钩子函数。在这个函数中执行数据请求，请求成功/失败时调用 uni.stopPullDownRefresh() 方法关闭下拉加载动画（状态）。

3. 样式

   第一种：完全自定义样式可以参考 weex 官方文档 。

   第二种：借助 uni-app 简单自定义样式可以通过修改 pages.json 文件实现，方法如下：

   在 pages.json 中修改：