default.update() — vue Function Reference

Architecture documentation for the default.update() function in show.ts from the vue codebase.

Function typescript WebPlatform WebRuntime calls 1

Entity Profile

WebPlatform→ WebRuntime→ default.update() — vue Function Reference

Dependency Diagram

graph TD
  b0545e21_bfb5_d773_0ad7_667b7ba418c0["default.update()"]
  6b6b31ee_7b0e_9602_d29d_c326d873a3e2["show.ts"]
  b0545e21_bfb5_d773_0ad7_667b7ba418c0 -->|defined in| 6b6b31ee_7b0e_9602_d29d_c326d873a3e2
  f1eef86c_889c_6c92_83bf_c14b7c77af7e["locateNode()"]
  b0545e21_bfb5_d773_0ad7_667b7ba418c0 -->|calls| f1eef86c_889c_6c92_83bf_c14b7c77af7e
  style b0545e21_bfb5_d773_0ad7_667b7ba418c0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/directives/show.ts lines 29–48

  update(el: any, { value, oldValue }: VNodeDirective, vnode: VNodeWithData) {
    /* istanbul ignore if */
    if (!value === !oldValue) return
    vnode = locateNode(vnode)
    const transition = vnode.data && vnode.data.transition
    if (transition) {
      vnode.data.show = true
      if (value) {
        enter(vnode, () => {
          el.style.display = el.__vOriginalDisplay
        })
      } else {
        leave(vnode, () => {
          el.style.display = 'none'
        })
      }
    } else {
      el.style.display = value ? el.__vOriginalDisplay : 'none'
    }
  },