Vue.js反应概念

Question

我确实读过vuejs中的反应概念。 https://ru.vuejs.org/v2/guide/reactivity.html。

我检查了这个概念。对象中的每个属性都会重写本机getter和setter。属性被重写的深度是多少？这对性能有何影响？

Answer 1

在data（）中声明的任何内容都是被动的，无论其深度如何。它是。

如果您改变数组或稍后将属性添加到对象，则可能会破坏反应性。我的提示是

1. 总是替换数组（它更容易）。我们经常使用_.filter和_.reject。
2. 在对象中设置内容时总是使用此。$ set（对象，＆＃39;属性＆＃39;，值）。我让我们的程序员总是使用它，因为这确实可以避免反应性破坏的问题。

在性能方面，我正在一个页面上构建一个包含大列表的应用程序（总计10,000多个对象的数组，每个对象至少有20个属性）。它一直处理好一切。我确实遇到了内存泄漏的一些性能问题，但我能够通过在beforeDestroy（）上将数组设置为[]来修复它们。

使用Vue，让所有数据保持反应真的更容易。这允许您使用Vue Devtools进行检查，并且更容易依赖其行为。当数据不具有反应性或反应性中断时，Vue会做出非常时髦的事情。