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

perf: further tweak accessCache

Browse Source
This commit is contained in:
Evan You 2019-10-17 22:29:51 -04:00
parent 7305f693b1
commit d179918001
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/runtime-core/src/component.ts
View File

@ -258,7 +258,7 @@ export function setupStatefulComponent(
}
}
// 0. create render proxy property access cache
instance.accessCache = Object.create(null)
instance.accessCache = {}
// 1. create render proxy
instance.renderProxy = new Proxy(instance, PublicInstanceProxyHandlers)
// 2. create props proxy

7
packages/runtime-core/src/componentProxy.ts
View File

@ -56,7 +56,7 @@ const enum AccessTypes {
export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
get(target: ComponentInternalInstance, key: string) {
const { renderContext, data, props, propsProxy, accessCache } = target
const { renderContext, data, props, propsProxy, accessCache, type } = target
// This getter gets called for every property access on the render context
// during render and is a major hotspot. The most expensive part of this
// is the multiple hasOwn() calls. It's much faster to do a simple property
@ -79,7 +79,10 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
accessCache[key] = AccessTypes.CONTEXT
return renderContext[key]
} else if (hasOwn(props, key)) {
accessCache[key] = AccessTypes.PROPS
// only cache props access if component has declared (thus stable) props
if (type.props != null) {
accessCache[key] = AccessTypes.PROPS
}
// return the value from propsProxy for ref unwrapping and readonly
return propsProxy![key]
} else if (key === '$el') {