App端nvue必须用list组件替代scroll-view，因后者基于WebView无法触发原生复用机制，iOS触发WKWebView重排、Android报OutOfMemoryError；list调用原生UITableView/RecyclerView，需固定行高、禁嵌套滚动、用image标签、手动监听scrollbottom/scrolltop配合refresh实现上下拉，且cell中禁用watch/computed。
App端nvue必须用list，scroll-view在真机上必然卡顿
不是“建议换”，而是硬性限制：scroll-view在nvue里仍是WebView封装的滚动容器，根本触不到原生列表的视图复用机制。iOS会触发WKWebView强制重排，Android常报OutOfMemoryError或直接白屏闪退——哪怕你加了-webkit-overflow-scrolling: touch也没用，那套CSS只对Webview生效，nvue不走这条路。
实操要点：
-
list组件底层调用的是iOSUITableView和AndroidRecyclerView，天然支持懒加载、局部更新、内存回收 - 必须设固定行高，比如
height="120"，否则无法计算可视区域，list会渲染失败或空白 - 禁止嵌套
scroll-view、swiper等滚动组件，手势会冲突，导致滑动失效 - 图片必须用
image标签（不是img），且开启lazy-load和mode="aspectFill"
list里的下拉刷新和上拉加载怎么写才不翻车
nvue的list不内置refresher-enabled，也不能靠scrolltolower事件简单触发加载——它没这个事件，得手动监听scrollbottom和scrolltop，再配合refresh组件控制状态。
关键细节：
立即学习“前端免费学习笔记（深入）”；
Ainative Vue Sdk
下载
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……
- 下拉刷新必须包裹
<refresh>节点，且list要设show-scrollbar="false"，否则滚动条会干扰下拉手势识别 - 上拉加载监听
@scrollbottom，但必须加防抖：if (this.loading || this.noMore) return，不然快速滚动时会重复请求 - 每次调用
this.$refs.list.append()后，仅首次需手动this.$nextTick(() => { this.$refs.list?.scrollToBottom() })，后续append自动滚动 - 数据更新不能直接赋值
this.listData = []，必须用append()、insert()等list原生方法
cell里千万别放watch、computed或复杂响应式对象
每个cell在nvue里是独立的原生实例，不是Vue组件实例。你在cell里写watch或computed，不仅不会触发，还会让编译器误判依赖关系，导致内存泄漏或状态错乱。
常见踩坑点：
- 别在
cell模板里调用methods（如@click="handle(item)"），改用data-id属性 + 外层统一监听 - 避免把整个item对象传进子组件，尤其当item含深层嵌套字段时——响应式代理开销会随字段数指数级增长
- 如果某行需要动态状态（如点赞开关），必须抽成独立子组件，用props传id + emit通信，否则整行都会被重渲染
-
key必须是稳定唯一字段，比如:key="item.id"，绝对不用:key="index"——nvue里index错位会导致原生视图复用错乱，图片贴错、输入框内容漂移
tab吸顶+swiper联动list滚动，为什么setSpecialEffects是关键
nvue里tab吸顶不是靠CSSposition: sticky，而是靠dom.setSpecialEffects把父list的手势滚动“衔接到”子list或swiper，否则会出现滚动不同步、吸顶卡顿、手势丢失等问题。
真实可用的链路：
- 外层
list设fixFreezing="true"，给tab所在cell加ref（如ref="tabCell"） - 在
onReady里调用dom.setSpecialEffects(this.$refs.tabCell, { scrollable: true })，让该cell具备滚动穿透能力 - swiper必须用
nvue版，不能用vue页面的swiper，否则无法与list原生滚动协同 - tab切换时，别直接
this.current = i，要用this.$refs.list?.scrollTo({ index: i })触发原生滚动定位
这套组合最易被忽略的是fixFreezing和setSpecialEffects的配对使用——缺一不可，否则吸顶区域要么不动，要么跟着滚走。
