• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

아무리 찾아도답이안나와서 질문드립니다.

20.08.10 01:12 작성 조회수 97

1

https://codepen.io/mikilll94/pen/RwbYrpz

간단한 예제인데요. 데이터가 많을때 v-model 바인딩을 하면 속도가 엄청느려지는데 이유가 뭔가요 v-model 동작방식과 관련이 있을까요??..  그리고 해결방안이 있을까요 

답변 2

·

답변을 작성해보세요.

1

이윤기님의 프로필

이윤기

2020.08.10

이건 Vue의 문제가 아니라 html의 한계 같은데요?

virtual-scroll 같은 거 찾아보세요. 

제가 옛날에 봤을 땐 테이블에 2천건 정도만 해도 브라우저 죽었어요.

가상스크롤 같은 걸로 가려야 숨겼다 보였다 하면서 죽지 않고 보여줘요.

0

안녕하세요 남우님 좋은 질문입니다. 이렇게 실제 예시까지 주시는 경우는 드문데 잘 봤습니다 :)

일단 주신 예제에서의 문제점은 Vue.js의 특정 문제라기 보다 한번에 너무 많은 데이터를 렌더링하려고 해서 문제입니다. 레이지 로딩(lazy loading)에 대해서 한번 확인해보시면 좋을 것 같고 사용자가 보는 뷰포트 기준으로만 데이터를 뿌리시면 크게 문제가 되지는 않을 것 같아요 :)

윤기님도 답변 감사드립니다! :)