v3-directive.d.ts — vue Source File

Architecture documentation for v3-directive.d.ts, a typescript file in the vue codebase. 1 imports, 0 dependents.

File typescript VueCore VDom 1 imports 1 functions

Entity Profile

VueCore→ VDom→ v3-directive.d.ts — vue Source File

Dependency Diagram

graph LR
  1cbfa0f3_e322_b462_9724_308dba6e2f29["v3-directive.d.ts"]
  399e579f_d260_79e9_af47_2a8192ddf5af["./vnode"]
  1cbfa0f3_e322_b462_9724_308dba6e2f29 --> 399e579f_d260_79e9_af47_2a8192ddf5af
  style 1cbfa0f3_e322_b462_9724_308dba6e2f29 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import type { VNodeDirective, VNode } from './vnode'

export type DirectiveModifiers = Record<string, boolean>

export interface DirectiveBinding<V> extends Readonly<VNodeDirective> {
  readonly modifiers: DirectiveModifiers
  readonly value: V
  readonly oldValue: V | null
}

export type DirectiveHook<T = any, Prev = VNode | null, V = any> = (
  el: T,
  binding: DirectiveBinding<V>,
  vnode: VNode,
  prevVNode: Prev
) => void

export interface ObjectDirective<T = any, V = any> {
  bind?: DirectiveHook<T, any, V>
  inserted?: DirectiveHook<T, any, V>
  update?: DirectiveHook<T, any, V>
  componentUpdated?: DirectiveHook<T, any, V>
  unbind?: DirectiveHook<T, any, V>
}
export type FunctionDirective<T = any, V = any> = DirectiveHook<T, any, V>

export type Directive<T = any, V = any> =
  | ObjectDirective<T, V>
  | FunctionDirective<T, V>