使用 webpack 后 Vuejs v-for 性能问题

Question

我一直在使用多年前创建的数据 table 组件，它呈现二维数组。我能够对列进行排序、分页和过滤。整个过程非常快。最近我开始尝试使用 webpack 并为我的数据创建一个合适的 .vue 组件 table。请注意相同的代码，但现在执行排序、分页和过滤的性能要慢得多。 webpack 是否有什么导致反应性能大幅下降？

简单代码示例--

<table>
  <tr v-for="row in pagedData">
    <td v-for="column in columns">
      {{row[column.property]}}
    </td>
  </tr>
</table>

Answer 1

原来是GoogleChrome的问题。我用尽了所有途径（比我可能需要了解的更多关于虚拟 DOM 的知识）我尝试了 Edge 和 Firefox 上的页面，没有显示延迟。快速重新安装 Chrome 解决了这个问题。请注意，我读过 here 使用 vue SFC 确实会导致性能下降，因为编译发生在运行时。可能是我误解了这句话的意思。

使用 webpack 后 Vuejs v-for 性能问题

Vuejs v-for performance issue after using webpack

webpack

vue.js

vue-reactivity