Ocultando Vue.js de itens fora da viewport atual

Estou criando um menu do tipo comércio eletrônico no Vue.js, com itens que são divs que contêm uma boa quantidade de funcionalidades e imagens. O desempenho é razoavelmente bom ao renderizar cerca de 200 desses itens, mas quando mais do que muitos são adicionados, o site começa a apresentar um desempenho lento.

Qual é a melhor maneira de ocultar ou remover condicionalmente os elementos Vue do DOM se eles estiverem fora da exibição rolável atual (como ScrollViews no iOS)? Existem plugins ou bibliotecas que podem ajudar no desempenho de longas listas de itens de dados no Vue.js?

Obrigado!

questionAnswers(1)

yourAnswerToTheQuestion