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