Home / Function/ updateClass() — vue Function Reference

updateClass() — vue Function Reference

Architecture documentation for the updateClass() function in class.ts from the vue codebase.

Function typescript WebPlatform WebRuntime calls 2

Entity Profile

Dependency Diagram

graph TD
  ad0166b0_2b6f_01e4_e9d7_c8ee9c6f51d4["updateClass()"]
  a1f5b8ca_b6d5_6b24_155e_038685c97c85["isUndef()"]
  ad0166b0_2b6f_01e4_e9d7_c8ee9c6f51d4 -->|calls| a1f5b8ca_b6d5_6b24_155e_038685c97c85
  2be3818d_a4f3_495c_543c_ee071b428982["isDef()"]
  ad0166b0_2b6f_01e4_e9d7_c8ee9c6f51d4 -->|calls| 2be3818d_a4f3_495c_543c_ee071b428982
  style ad0166b0_2b6f_01e4_e9d7_c8ee9c6f51d4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/modules/class.ts lines 6–32

function updateClass(oldVnode: any, vnode: any) {
  const el = vnode.elm
  const data: VNodeData = vnode.data
  const oldData: VNodeData = oldVnode.data
  if (
    isUndef(data.staticClass) &&
    isUndef(data.class) &&
    (isUndef(oldData) ||
      (isUndef(oldData.staticClass) && isUndef(oldData.class)))
  ) {
    return
  }

  let cls = genClassForVnode(vnode)

  // handle transition classes
  const transitionClass = el._transitionClasses
  if (isDef(transitionClass)) {
    cls = concat(cls, stringifyClass(transitionClass))
  }

  // set the class
  if (cls !== el._prevClass) {
    el.setAttribute('class', cls)
    el._prevClass = cls
  }
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does updateClass() do?
updateClass() is a function in the vue codebase.
What does updateClass() call?
updateClass() calls 2 function(s): isDef, isUndef.

Analyze Your Own Codebase

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

Try Supermodel Free