{"ScriptPreparationCode":null,"TestCases":[{"Name":"Reactive","Code":"const {reactive, ref, computed} = Vue;\r\n\r\nconst v = reactive({\r\n foo: \u0022bar\u0022,\r\n fooA: \u0022barA\u0022,\r\n fooB: \u0022barB\u0022,\r\n fooC: \u0022barC\u0022,\r\n fooD: \u0022barD\u0022\r\n});\r\n\r\nconst bar = v.foo;\r\n\r\nconst frog = computed(()=\u003E{\r\n return v.foo \u002B \u0022!\u0022;\r\n});\r\n\r\nv.foo = \u0022foo\u0022\r\n\r\nconst barA = v.fooA;\r\n\r\nconst frogA = computed(()=\u003E{\r\n return v.fooA \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooA = \u0022foo\u0022\r\n\r\nconst barB = v.fooB;\r\n\r\nconst frogB = computed(()=\u003E{\r\n return v.fooB \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooB = \u0022foo\u0022\r\n\r\nconst barC = v.fooC;\r\n\r\nconst frogC = computed(()=\u003E{\r\n return v.fooC \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooC = \u0022foo\u0022\r\n\r\nconst barD = v.fooD;\r\n\r\nconst frogD = computed(()=\u003E{\r\n return v.fooD \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooD = \u0022foo\u0022","IsDeferred":false},{"Name":"Ref","Code":"const {reactive, ref, computed} = Vue;\r\n\r\nconst foo = ref(\u0022bar\u0022);\r\nconst fooA = ref(\u0022barA\u0022);\r\nconst fooB = ref(\u0022barB\u0022);\r\nconst fooC = ref(\u0022barC\u0022);\r\nconst fooD = ref(\u0022barD\u0022);\r\n\r\nconst bar = foo.value;\r\n\r\nconst frog = computed(()=\u003E{\r\n return foo.value \u002B \u0022!\u0022;\r\n});\r\n\r\nfoo.value = \u0022foo\u0022\r\n\r\nconst barA = fooA.value;\r\n\r\nconst frogA = computed(()=\u003E{\r\n return fooA.value \u002B \u0022!\u0022;\r\n});\r\n\r\nfooA.value = \u0022foo\u0022\r\n\r\nconst barB = fooB.value;\r\n\r\nconst frogB = computed(()=\u003E{\r\n return fooB.value \u002B \u0022!\u0022;\r\n});\r\n\r\nfooB.value = \u0022foo\u0022\r\n\r\nconst barC = fooC.value;\r\n\r\nconst frogC = computed(()=\u003E{\r\n return fooC.value \u002B \u0022!\u0022;\r\n});\r\n\r\nfooC.value = \u0022foo\u0022\r\n\r\nconst barD = fooD.value;\r\n\r\nconst frogD = computed(()=\u003E{\r\n return fooD.value \u002B \u0022!\u0022;\r\n});\r\n\r\nfooD.value = \u0022foo\u0022","IsDeferred":false},{"Name":"Reactive class object","Code":"const {reactive, ref, computed} = Vue;\r\n\r\nclass Bar {\r\n constructor(){\r\n this.foo = \u0022bar\u0022;\r\n this.fooA = \u0022barA\u0022;\r\n this.fooB =\u0022barB\u0022;\r\n this.fooC =\u0022barC\u0022;\r\n this.fooD =\u0022barD\u0022\r\n} \r\n}\r\n\r\nconst v = reactive(new Bar());\r\n\r\nconst bar = v.foo;\r\n\r\nconst frog = computed(()=\u003E{\r\n return v.foo \u002B \u0022!\u0022;\r\n});\r\n\r\nv.foo = \u0022foo\u0022\r\n\r\nconst barA = v.fooA;\r\n\r\nconst frogA = computed(()=\u003E{\r\n return v.fooA \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooA = \u0022foo\u0022\r\n\r\nconst barB = v.fooB;\r\n\r\nconst frogB = computed(()=\u003E{\r\n return v.fooB \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooB = \u0022foo\u0022\r\n\r\nconst barC = v.fooC;\r\n\r\nconst frogC = computed(()=\u003E{\r\n return v.fooC \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooC = \u0022foo\u0022\r\n\r\nconst barD = v.fooD;\r\n\r\nconst frogD = computed(()=\u003E{\r\n return v.fooD \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooD = \u0022foo\u0022","IsDeferred":false},{"Name":"Reactive class object - initialize fields","Code":"const {reactive, ref, computed} = Vue;\r\n\r\nclass Bar {\r\n foo;\r\n fooA;\r\n fooB;\r\n fooC;\r\n fooD;\r\n constructor(){\r\n this.foo = \u0022bar\u0022;\r\n this.fooA = \u0022barA\u0022;\r\n this.fooB =\u0022barB\u0022;\r\n this.fooC =\u0022barC\u0022;\r\n this.fooD =\u0022barD\u0022\r\n} \r\n}\r\n\r\nconst v = reactive(new Bar());\r\n\r\nconst bar = v.foo;\r\n\r\nconst frog = computed(()=\u003E{\r\n return v.foo \u002B \u0022!\u0022;\r\n});\r\n\r\nv.foo = \u0022foo\u0022\r\n\r\nconst barA = v.fooA;\r\n\r\nconst frogA = computed(()=\u003E{\r\n return v.fooA \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooA = \u0022foo\u0022\r\n\r\nconst barB = v.fooB;\r\n\r\nconst frogB = computed(()=\u003E{\r\n return v.fooB \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooB = \u0022foo\u0022\r\n\r\nconst barC = v.fooC;\r\n\r\nconst frogC = computed(()=\u003E{\r\n return v.fooC \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooC = \u0022foo\u0022\r\n\r\nconst barD = v.fooD;\r\n\r\nconst frogD = computed(()=\u003E{\r\n return v.fooD \u002B \u0022!\u0022;\r\n});\r\n\r\nv.fooD = \u0022foo\u0022","IsDeferred":false}]}