default.update() — vue Function Reference

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

Function typescript WebPlatform RuntimeModules calls 1

Entity Profile

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

Dependency Diagram

graph TD
  71114619_8ea6_b5a9_d2c0_e66dfa3ed020["default.update()"]
  86b1f556_b1fa_0724_27bc_8fc0c9d9a7e8["show.ts"]
  71114619_8ea6_b5a9_d2c0_e66dfa3ed020 -->|defined in| 86b1f556_b1fa_0724_27bc_8fc0c9d9a7e8
  8499e09a_6c71_56c4_24bc_a402027e4f6b["locateNode()"]
  71114619_8ea6_b5a9_d2c0_e66dfa3ed020 -->|calls| 8499e09a_6c71_56c4_24bc_a402027e4f6b
  style 71114619_8ea6_b5a9_d2c0_e66dfa3ed020 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'
    }
  },