fix(reactive-vue): stop tracking if watcher is destroyed #3074 (#3075)

* fix(reactive-vue): stop tracking if watcher is destroyed #3074

* fix(reactive-vue): add tests

packages/reactive-vue/src/__tests__/observer.spec.ts

@@ -118,3 +118,34 @@ test('observer: component scheduler', async () => {
 
   wrapper.destroy()
 })
+
+test('observer: stop tracking if watcher is destroyed', async () => {
+  let count = 0
+  const model = observable<any>({
+    age: 10,
+    name: 'test',
+  })
+
+  const Component = observer({
+    name: 'test',
+    data() {
+      return {
+        model: model,
+      }
+    },
+    render() {
+      count++
+      return h('div', [this.model.name, this.model.age])
+    },
+  })
+
+  const wrapper = shallowMount(Component)
+
+  const childInst = wrapper.find({ name: 'test' })
+
+  expect(childInst.exists()).toBe(true)
+  ;(childInst.vm as any)._isDestroyed = true
+  model.age++
+  wrapper.destroy()
+  expect(count).toEqual(1) // 不触发 reactiveRender
+})

packages/reactive-vue/src/observer/observerInVue2.ts

@@ -69,7 +69,16 @@ function observer(Component: any, observerOptions?: IObserverOptions): any {
       return this
     }
 
+    reactiveRender.$vm = this
+
     const tracker = new Tracker(() => {
+      if (
+        reactiveRender.$vm._isBeingDestroyed ||
+        reactiveRender.$vm._isDestroyed
+      ) {
+        return tracker.dispose()
+      }
+
       if (
         observerOptions?.scheduler &&
         typeof observerOptions.scheduler === 'function'