query() — vue Function Reference

Architecture documentation for the query() function in index.ts from the vue codebase.

Function typescript VueCore VDom called by 2

Entity Profile

VueCore→ VDom→ query() — vue Function Reference

Dependency Diagram

graph TD
  994de652_da67_08a8_e9e9_9557640163bd["query()"]
  568fc8c2_8a29_0e8e_a20a_4478e7270dd9["index.ts"]
  994de652_da67_08a8_e9e9_9557640163bd -->|defined in| 568fc8c2_8a29_0e8e_a20a_4478e7270dd9
  b06ba5c2_6218_9bc9_3501_8faf017f8f35["idToTemplate()"]
  b06ba5c2_6218_9bc9_3501_8faf017f8f35 -->|calls| 994de652_da67_08a8_e9e9_9557640163bd
  83cfc556_24cd_7f8e_f154_30d3e26dcdba["$mount()"]
  83cfc556_24cd_7f8e_f154_30d3e26dcdba -->|calls| 994de652_da67_08a8_e9e9_9557640163bd
  style 994de652_da67_08a8_e9e9_9557640163bd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/util/index.ts lines 10–21

export function query(el: string | Element): Element {
  if (typeof el === 'string') {
    const selected = document.querySelector(el)
    if (!selected) {
      __DEV__ && warn('Cannot find element: ' + el)
      return document.createElement('div')
    }
    return selected
  } else {
    return el
  }
}