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.

Entity Profile

Dependency Diagram

graph TD
  e3f0dcd1_5331_9983_ee74_98651c6009f3["default.bind()"]
  7fd561ec_fce6_2047_cd39_72d56b004177["locateNode()"]
  e3f0dcd1_5331_9983_ee74_98651c6009f3 -->|calls| 7fd561ec_fce6_2047_cd39_72d56b004177
  b003e13b_30f4_2501_b631_df864fa7941b["enter()"]
  e3f0dcd1_5331_9983_ee74_98651c6009f3 -->|calls| b003e13b_30f4_2501_b631_df864fa7941b
  style e3f0dcd1_5331_9983_ee74_98651c6009f3 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

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