addTransitionClass() — vue Function Reference

Architecture documentation for the addTransitionClass() function in transition-util.ts from the vue codebase.

Function typescript WebPlatform WebRuntime calls 1 called by 3

Entity Profile

WebPlatform→ WebRuntime→ addTransitionClass() — vue Function Reference

Dependency Diagram

graph TD
  8604834e_72c7_6a5f_2bab_e07b77f57174["addTransitionClass()"]
  6fe78fb0_2b1f_cb8f_eaeb_8f1fba2700a1["default.updated()"]
  6fe78fb0_2b1f_cb8f_eaeb_8f1fba2700a1 -->|calls| 8604834e_72c7_6a5f_2bab_e07b77f57174
  b003e13b_30f4_2501_b631_df864fa7941b["enter()"]
  b003e13b_30f4_2501_b631_df864fa7941b -->|calls| 8604834e_72c7_6a5f_2bab_e07b77f57174
  29af0f73_d62b_5291_e707_1f3301bf3357["leave()"]
  29af0f73_d62b_5291_e707_1f3301bf3357 -->|calls| 8604834e_72c7_6a5f_2bab_e07b77f57174
  49952c31_150f_0d54_522f_a2fab0f37362["addClass()"]
  8604834e_72c7_6a5f_2bab_e07b77f57174 -->|calls| 49952c31_150f_0d54_522f_a2fab0f37362
  style 8604834e_72c7_6a5f_2bab_e07b77f57174 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/transition-util.ts lines 76–83

export function addTransitionClass(el: any, cls: string) {
  const transitionClasses =
    el._transitionClasses || (el._transitionClasses = [])
  if (transitionClasses.indexOf(cls) < 0) {
    transitionClasses.push(cls)
    addClass(el, cls)
  }
}