addTransitionClass() — vue Function Reference

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

Function typescript WebPlatform RuntimeDirectives calls 1 called by 3

Entity Profile

WebPlatform→ RuntimeDirectives→ addTransitionClass() — vue Function Reference

Dependency Diagram

graph TD
  5da207be_c15b_b75c_a486_6bdb569d90ee["addTransitionClass()"]
  f164e6dd_dffc_287f_fa89_b6b22e692756["default.updated()"]
  f164e6dd_dffc_287f_fa89_b6b22e692756 -->|calls| 5da207be_c15b_b75c_a486_6bdb569d90ee
  ba54cdc9_f934_43fb_f1d2_3319595d4c1d["enter()"]
  ba54cdc9_f934_43fb_f1d2_3319595d4c1d -->|calls| 5da207be_c15b_b75c_a486_6bdb569d90ee
  bb5c970d_2e75_b59b_6ddf_fe4f60d2e887["leave()"]
  bb5c970d_2e75_b59b_6ddf_fe4f60d2e887 -->|calls| 5da207be_c15b_b75c_a486_6bdb569d90ee
  2034e926_7f6d_8f71_c605_3c56a3f83a5e["addClass()"]
  5da207be_c15b_b75c_a486_6bdb569d90ee -->|calls| 2034e926_7f6d_8f71_c605_3c56a3f83a5e
  style 5da207be_c15b_b75c_a486_6bdb569d90ee 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)
  }
}