extractTransitionData() — vue Function Reference

Architecture documentation for the extractTransitionData() function in transition.ts from the vue codebase.

Function typescript WebPlatform WebRuntime calls 1 called by 2

Entity Profile

WebPlatform→ WebRuntime→ extractTransitionData() — vue Function Reference

Dependency Diagram

graph TD
  d64b73be_0bd0_cf9f_0a1a_986b6e6f9b5b["extractTransitionData()"]
  94b9bea5_805f_6496_0112_f371ad04f740["default.render()"]
  94b9bea5_805f_6496_0112_f371ad04f740 -->|calls| d64b73be_0bd0_cf9f_0a1a_986b6e6f9b5b
  14dd3d9c_2894_3049_ac41_2970261c2033["default.render()"]
  14dd3d9c_2894_3049_ac41_2970261c2033 -->|calls| d64b73be_0bd0_cf9f_0a1a_986b6e6f9b5b
  836e9c36_fe18_c1c8_9715_d916891f0517["camelize()"]
  d64b73be_0bd0_cf9f_0a1a_986b6e6f9b5b -->|calls| 836e9c36_fe18_c1c8_9715_d916891f0517
  style d64b73be_0bd0_cf9f_0a1a_986b6e6f9b5b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/components/transition.ts lines 43–57

export function extractTransitionData(comp: Component): Record<string, any> {
  const data = {}
  const options = comp.$options
  // props
  for (const key in options.propsData) {
    data[key] = comp[key]
  }
  // events.
  // extract listeners and pass them directly to the transition methods
  const listeners = options._parentListeners
  for (const key in listeners) {
    data[camelize(key)] = listeners[key]
  }
  return data
}