[Vuejs]-How do I speed up 'watching' multiple arrays with the same data in vue.js

0👍

There are a couple techniques which might improve your performance.

Using the keys

For rendering large lists, the first thing you want to do is use a key. A great candidate for this is the id you speak about.

Use pagination

An obvious solution to "displaying a lot of data is slow" is "display less data". Let’s face it, 15 000 is a lot. Even if Vue itself could insert and update so many rows quickly, think of the user’s browser: will it be able to keep up? Even if it was the simplest possible list of text nodes, it would still be a lot of nodes.

Use virtual scrolling technique

If you don’t like the look of pagination, a more advanced approach would be virtual scrolling. As user browses this large list, dynamically add the elements below, and remove the ones that the user has already seen. You keep the total number of elements from the list at the DOM at once to minimum.

Leave a comment