Home / Function/ extractTransitionData() — vue Function Reference

extractTransitionData() — vue Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  085b3402_189f_178a_c080_76b4cbb47ee4["extractTransitionData()"]
  4092d37a_e401_1398_7538_ace18f6c50d5["transition.ts"]
  085b3402_189f_178a_c080_76b4cbb47ee4 -->|defined in| 4092d37a_e401_1398_7538_ace18f6c50d5
  250dbd74_6a7a_d03d_f556_6f969fb0b9eb["default.render()"]
  250dbd74_6a7a_d03d_f556_6f969fb0b9eb -->|calls| 085b3402_189f_178a_c080_76b4cbb47ee4
  72e47df1_f475_b052_b735_29fdce7cc0ac["default.render()"]
  72e47df1_f475_b052_b735_29fdce7cc0ac -->|calls| 085b3402_189f_178a_c080_76b4cbb47ee4
  style 085b3402_189f_178a_c080_76b4cbb47ee4 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
}

Domain

Subdomains

Frequently Asked Questions

What does extractTransitionData() do?
extractTransitionData() is a function in the vue codebase, defined in src/platforms/web/runtime/components/transition.ts.
Where is extractTransitionData() defined?
extractTransitionData() is defined in src/platforms/web/runtime/components/transition.ts at line 43.
What calls extractTransitionData()?
extractTransitionData() is called by 2 function(s): default.render, default.render.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free