theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(reactivity): check own property for existing proxy of target

Browse Source 
fix #1107
This commit is contained in:
Evan You 2020-05-03 15:32:37 -04:00
parent 8bab78b648
commit 6be2b73f8a
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/reactivity/src/reactive.ts
View File

@ -1,4 +1,4 @@
import { isObject, toRawType, def } from '@vue/shared' import { isObject, toRawType, def, hasOwn } from '@vue/shared'
import { import {
mutableHandlers, mutableHandlers,
readonlyHandlers, readonlyHandlers,
@ -116,18 +116,19 @@ function createReactiveObject(
return target return target
} }
// target already has corresponding Proxy // target already has corresponding Proxy
let observed = isReadonly ? target.__v_readonly : target.__v_reactive if (
if (observed !== void 0) { hasOwn(target, isReadonly ? ReactiveFlags.readonly : ReactiveFlags.reactive)
return observed ) {
return isReadonly ? target.__v_readonly : target.__v_reactive
} }
// only a whitelist of value types can be observed. // only a whitelist of value types can be observed.
if (!canObserve(target)) { if (!canObserve(target)) {
return target return target
} }
const handlers = collectionTypes.has(target.constructor) const observed = new Proxy(
? collectionHandlers target,
: baseHandlers collectionTypes.has(target.constructor) ? collectionHandlers : baseHandlers
observed = new Proxy(target, handlers) )
def( def(
target, target,
isReadonly ? ReactiveFlags.readonly : ReactiveFlags.reactive, isReadonly ? ReactiveFlags.readonly : ReactiveFlags.reactive,