{"ScriptPreparationCode":null,"TestCases":[{"Name":"Reactive","Code":"const {reactive, computed} = Vue;\r\n\r\nconst dataTest = new Array(1000).fill(0).map((el, index) =\u003E ({id: index, name: \u0060${index}\u0060}))\r\n\r\nconst v = reactive({\r\n foo: dataTest\r\n});\r\n\r\nconst bar = v.foo;\r\n\r\nconst frog = computed(()=\u003E{\r\n return [...v.foo, {id: -1, name: \u0027-1\u0027, }];\r\n});\r\n\r\nv.foo = new Array(1000).fill(0).map((el, index) =\u003E ({id: index \u002B 1, name: \u0060${index \u002B 1}\u0060}))","IsDeferred":false},{"Name":"Ref","Code":"const {ref, computed} = Vue;\r\n\r\nconst dataTest = new Array(1000).fill(0).map((el, index) =\u003E ({id: index, name: \u0060${index}\u0060}))\r\nconst foo = ref(dataTest);\r\n\r\nconst bar = foo.value;\r\n\r\nconst frog = computed(()=\u003E{\r\n return [...v.foo, {id: -1, name: \u0027-1\u0027, }];\r\n});\r\n\r\nfoo.value = new Array(1000).fill(0).map((el, index) =\u003E ({id: index \u002B 1, name: \u0060${index \u002B 1}\u0060}))","IsDeferred":false},{"Name":"ShallowRef","Code":"const {shallowRef, computed} = Vue;\r\n\r\nconst dataTest = new Array(1000).fill(0).map((el, index) =\u003E ({id: index, name: \u0060${index}\u0060}))\r\nconst foo = shallowRef(dataTest);\r\n\r\nconst bar = foo.value;\r\n\r\nconst frog = computed(()=\u003E{\r\n return [...v.foo, {id: -1, name: \u0027-1\u0027, }];\r\n});\r\n\r\nfoo.value = new Array(1000).fill(0).map((el, index) =\u003E ({id: index \u002B 1, name: \u0060${index \u002B 1}\u0060}))","IsDeferred":false}]}