VueJS 禁用特定属性的反应性

Question

我将此地理库与 Map 和 Layer 和 LayerTree 等对象一起使用。我正在使用 Vue 来可视化 LayerTree。

然而，今天我注意到有些层包含很多（超过 10,000）个项目，这些项目都变得反应性，这完全爆炸了内存使用。我不需要这个，因为我只对显示layerTree的图层的几个属性感兴趣。

是否可以将某些属性声明为非反应性的？

Answer 1

在 data 方法返回的内容之外定义的任何内容都是非反应性的。指南中没有关于此的任何官方内容，但到目前为止它只是有效。

...,
data() {
    // Nonreactive
    this.fuu = 'nonreactive'
    // Reactive
    return {
       bar: 'reactive',
    }
},
...