Where are the brakes in Edge on rendering a list through VueJS?

Question

JavaScript

A simple test on Vue.js to display 10,000 objects - more or less normally fulfills in IE11, but fiercely slows down when pressing Refresh in MS Edge (ten times slower than the first load and display). That is, the first download flies instantly (10-12s), and then when you try to press Reload - already> 100 s. Donkey 11 works out such a scenario in the same way both for the initial load and for subsequent Reload clicks. Chrome and Fox work five times faster.

<table>
  <tr v-for="row in rows">
    <td>{{ row.a }}</td>
    <td>{{ row.b }}</td>
  </tr>
</table>

new Vue({
  el: 'table',
  data: { rows: [] },
  beforeCompile: function() {
    for(var i=0; i< 10000; i++) { this.rows.push({ a: 'aaa', b: i}); }
  }
});

Answer 1

vuejs.org/guide/list.html#track-by
I can’t tell you specifically about Edge, but in general you can use this.