Vue.js oculta elementos fuera de la ventana gráfica actual

Estoy creando un menú de tipo de comercio electrónico en Vue.js, con elementos que son divs que contienen una buena cantidad de funcionalidad e imágenes. El rendimiento es bastante bueno cuando se procesan unos 200 de estos elementos, pero cuando se agregan más de esos, el sitio comienza a funcionar lentamente.

¿Cuál es la mejor manera de ocultar o eliminar condicionalmente los elementos Vue del DOM si están fuera de la vista desplazable actual (como ScrollViews en iOS)? ¿Existen complementos o bibliotecas que puedan ayudar con el rendimiento de largas listas de elementos de datos en Vue.js?

¡Gracias!

Respuestas a la pregunta(1)

Su respuesta a la pregunta