isUnknownElement() — vue Function Reference

Architecture documentation for the isUnknownElement() function in element.ts from the vue codebase.

Function typescript WebPlatform WebRuntime calls 2 called by 1

Entity Profile

WebPlatform→ WebRuntime→ isUnknownElement() — vue Function Reference

Dependency Diagram

graph TD
  5a55c232_11b5_189a_17b9_d192f49d33cf["isUnknownElement()"]
  b5b9b2bc_af65_0b4d_18a8_d754e24c79b1["createPatchFunction()"]
  b5b9b2bc_af65_0b4d_18a8_d754e24c79b1 -->|calls| 5a55c232_11b5_189a_17b9_d192f49d33cf
  25c26d20_3cbe_76ef_7d90_4e25794bf745["isReservedTag()"]
  5a55c232_11b5_189a_17b9_d192f49d33cf -->|calls| 25c26d20_3cbe_76ef_7d90_4e25794bf745
  bb53260c_b91e_4c53_9052_5970ccb57525["toString()"]
  5a55c232_11b5_189a_17b9_d192f49d33cf -->|calls| bb53260c_b91e_4c53_9052_5970ccb57525
  style 5a55c232_11b5_189a_17b9_d192f49d33cf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/util/element.ts lines 50–72

export function isUnknownElement(tag: string): boolean {
  /* istanbul ignore if */
  if (!inBrowser) {
    return true
  }
  if (isReservedTag(tag)) {
    return false
  }
  tag = tag.toLowerCase()
  /* istanbul ignore if */
  if (unknownElementCache[tag] != null) {
    return unknownElementCache[tag]
  }
  const el = document.createElement(tag)
  if (tag.indexOf('-') > -1) {
    // https://stackoverflow.com/a/28210364/1070244
    return (unknownElementCache[tag] =
      el.constructor === window.HTMLUnknownElement ||
      el.constructor === window.HTMLElement)
  } else {
    return (unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString()))
  }
}