Vue.js数组的非反应对象

Question

我有一个问题。 我有

data: {
        tracks: []
    }

并且tracks数组将包含一个复杂的对象。 当我为跟踪嵌套对象分配新值以使其具有反应性时。 但我只是不需要深度的反应性对象。 没有创建函数或JSON.parse怎么办？

因为轨道与Cesium框架一起使用，并使用Vue getter。 FPS变为10-15。 没有Vue时有50-60 FPS

Answer 1

您可以在轨道上实施深度监视程序：

watch: {
  tracks: {
    handler (newVal, oldVal) {
      // implement what you want to do here
      // If you just wanted to force a re-render you can do:
      this.$forceUpdate()
    }
    deep: true,
}

Answer 2

使用Object.freeze或Object.defineProperty （您仅需要配置：false）可防止Vue在大型数据集上反应迅速

https://forum.vuejs.org/t/cesium-and-vue-js-data-getters/26928