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

wip: renderTriggered & renderTracked

Browse Source
This commit is contained in:
Evan You 2019-05-29 11:01:39 +08:00
parent 3f281d5ea6
commit dbbb36bd76
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/runtime-core/src/createRenderer.ts
View File

@ -17,19 +17,33 @@ import {
import { isString, isArray, EMPTY_OBJ, EMPTY_ARR } from '@vue/shared' import { isString, isArray, EMPTY_OBJ, EMPTY_ARR } from '@vue/shared'
import { TEXT, CLASS, STYLE, PROPS, KEYED, UNKEYED } from './patchFlags' import { TEXT, CLASS, STYLE, PROPS, KEYED, UNKEYED } from './patchFlags'
import { queueJob, queuePostFlushCb, flushPostFlushCbs } from './scheduler' import { queueJob, queuePostFlushCb, flushPostFlushCbs } from './scheduler'
import { effect, stop } from '@vue/observer' import { effect, stop, ReactiveEffectOptions } from '@vue/observer'
const sharedEffectOptions = { const prodEffectOptions = {
scheduler: queueJob scheduler: queueJob
} }
function createDevEffectOptions(
instance: ComponentInstance
): ReactiveEffectOptions {
return {
scheduler: queueJob,
onTrack: instance.rtc
? e => invokeHooks(instance.rtc as Function[], e)
: void 0,
onTrigger: instance.rtg
? e => invokeHooks(instance.rtg as Function[], e)
: void 0
}
}
function isSameType(n1: VNode, n2: VNode): boolean { function isSameType(n1: VNode, n2: VNode): boolean {
return n1.type === n2.type && n1.key === n2.key return n1.type === n2.type && n1.key === n2.key
} }
function invokeHooks(hooks: Function[]) { function invokeHooks(hooks: Function[], arg?: any) {
for (let i = 0; i < hooks.length; i++) { for (let i = 0; i < hooks.length; i++) {
hooks[i]() hooks[i](arg)
} }
} }
@ -349,11 +363,11 @@ export function createRenderer(options: RendererOptions) {
container: HostNode, container: HostNode,
anchor?: HostNode anchor?: HostNode
) { ) {
const Component = vnode.type const Component = vnode.type as any
const instance: ComponentInstance = (vnode.component = createComponentInstance( const instance: ComponentInstance = (vnode.component = createComponentInstance(
Component Component
)) ))
const needsSetup = typeof Component === 'object' && (Component as any).setup const needsSetup = typeof Component === 'object' && Component.setup
if (needsSetup) { if (needsSetup) {
setupStatefulComponent(instance, vnode.props) setupStatefulComponent(instance, vnode.props)
} }
@ -403,7 +417,7 @@ export function createRenderer(options: RendererOptions) {
queuePostFlushCb(instance.u) queuePostFlushCb(instance.u)
} }
} }
}, sharedEffectOptions) }, __DEV__ ? createDevEffectOptions(instance) : prodEffectOptions)
} }
function patchChildren( function patchChildren(