Skip to content

[vue] 使用vue渲染大量数据时应该怎么优化?说下你的思路! #444

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] 使用vue渲染大量数据时应该怎么优化?说下你的思路!

Activity

PanJiaChen

PanJiaChen commented on Jul 1, 2019

@PanJiaChen
xixileng

xixileng commented on Jul 1, 2019

@xixileng

1.如果需要响应式,考虑使用虚表(只渲染要显示的数据);
2.如果不考虑响应式,变量在beforeCreated或created中声明(Object.freeze会导致列表无法增加数据)

nazhenhuiyi

nazhenhuiyi commented on Oct 7, 2019

@nazhenhuiyi

感觉 freeze 是有点多余了,其实本质就是不想要 vue 去观测吧。

sky124380729

sky124380729 commented on Oct 21, 2019

@sky124380729

Object.freeze

大佬你来啦

Lizhooh

Lizhooh commented on Apr 13, 2020

@Lizhooh

做分页,没有必要渲染这么多数据,一个屏幕都看不完。

xiao-fe

xiao-fe commented on May 25, 2020

@xiao-fe

可以试下可视化渲染

canvascat

canvascat commented on Sep 16, 2020

@canvascat

虚拟列表:vue-virtual-scroll-listvue-virtual-scroller……
冻结属性,让不必要的属性不响应:Object.freeze, 或者使用 Object.defineProperty 将对象属性的configurable设置为false,源码:vue/src/core/observer/index.js

hyj443

hyj443 commented on Oct 27, 2021

@hyj443

如果你有一个巨大的数组或对象,不需要被观测,他的数据是纯展示的,你又需要写在data里,那就用 Object.freeze去冻结他,Vue在内部会跳过对它的观测

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@PanJiaChen@nazhenhuiyi@Lizhooh@xixileng

        Issue actions

          [vue] 使用vue渲染大量数据时应该怎么优化?说下你的思路! · Issue #444 · haizlin/fe-interview