extractTransitionData() — vue Function Reference

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

Function typescript WebPlatform RuntimeDirectives calls 1 called by 2

Entity Profile

WebPlatform→ RuntimeDirectives→ extractTransitionData() — vue Function Reference

Dependency Diagram

graph TD
  1b7a090e_3310_f52f_ba36_fa6fc82b4a31["extractTransitionData()"]
  02c9b9f3_efb3_aff8_a7ef_efc398c89bbd["default.render()"]
  02c9b9f3_efb3_aff8_a7ef_efc398c89bbd -->|calls| 1b7a090e_3310_f52f_ba36_fa6fc82b4a31
  a0548f3d_ad52_9c9a_fe0e_c4bc5ed97f32["default.render()"]
  a0548f3d_ad52_9c9a_fe0e_c4bc5ed97f32 -->|calls| 1b7a090e_3310_f52f_ba36_fa6fc82b4a31
  447f7b2d_d677_800e_b42e_db97e7d830a7["camelize()"]
  1b7a090e_3310_f52f_ba36_fa6fc82b4a31 -->|calls| 447f7b2d_d677_800e_b42e_db97e7d830a7
  style 1b7a090e_3310_f52f_ba36_fa6fc82b4a31 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
}