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.
- [Vuejs]-How to use more than one filter in my function
- [Vuejs]-Downside of a production webpack web-server while deploying Vue applications