isUnknownElement() — vue Function Reference

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

Function typescript VueCore Instance calls 1

Entity Profile

VueCore→ Instance→ isUnknownElement() — vue Function Reference

Dependency Diagram

graph TD
  52daa8d2_e856_b427_1638_bfa5ab42cf0a["isUnknownElement()"]
  028f64f4_ee84_70c6_fa80_a34e92d154ee["element.ts"]
  52daa8d2_e856_b427_1638_bfa5ab42cf0a -->|defined in| 028f64f4_ee84_70c6_fa80_a34e92d154ee
  65fd466d_d918_9077_ff9d_f0fa1d7bbb5c["isReservedTag()"]
  52daa8d2_e856_b427_1638_bfa5ab42cf0a -->|calls| 65fd466d_d918_9077_ff9d_f0fa1d7bbb5c
  style 52daa8d2_e856_b427_1638_bfa5ab42cf0a 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()))
  }
}