vue Architecture Docs
Home / Function/ default.bind() — vue Function Reference

default.bind() — vue Function Reference

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

Function typescript WebPlatform RuntimeDirectives calls 2

Entity Profile

Dependency Diagram

graph TD
  3c48df22_8120_1441_419e_fb53854bac7a["default.bind()"]
  d0cc259b_f0c4_b266_1e3b_ae5a4b1bbfd2["locateNode()"]
  3c48df22_8120_1441_419e_fb53854bac7a -->|calls| d0cc259b_f0c4_b266_1e3b_ae5a4b1bbfd2
  ba54cdc9_f934_43fb_f1d2_3319595d4c1d["enter()"]
  3c48df22_8120_1441_419e_fb53854bac7a -->|calls| ba54cdc9_f934_43fb_f1d2_3319595d4c1d
  style 3c48df22_8120_1441_419e_fb53854bac7a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/directives/show.ts lines 14–27

  bind(el: any, { value }: VNodeDirective, vnode: VNodeWithData) {
    vnode = locateNode(vnode)
    const transition = vnode.data && vnode.data.transition
    const originalDisplay = (el.__vOriginalDisplay =
      el.style.display === 'none' ? '' : el.style.display)
    if (value && transition) {
      vnode.data.show = true
      enter(vnode, () => {
        el.style.display = originalDisplay
      })
    } else {
      el.style.display = value ? originalDisplay : 'none'
    }
  },

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does default.bind() do?
default.bind() is a function in the vue codebase.
What does default.bind() call?
default.bind() calls 2 function(s): enter, locateNode.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free