bindDynamicKeys() — vue Function Reference

Architecture documentation for the bindDynamicKeys() function in bind-dynamic-keys.ts from the vue codebase.

Function typescript VueCore Instance

Entity Profile

VueCore→ Instance→ bindDynamicKeys() — vue Function Reference

Dependency Diagram

graph TD
  82820cca_e478_0e11_75be_740b211c7e88["bindDynamicKeys()"]
  e1818dc8_8989_ecc6_1d2a_b7ee88bf0a40["bind-dynamic-keys.ts"]
  82820cca_e478_0e11_75be_740b211c7e88 -->|defined in| e1818dc8_8989_ecc6_1d2a_b7ee88bf0a40
  style 82820cca_e478_0e11_75be_740b211c7e88 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/render-helpers/bind-dynamic-keys.ts lines 12–29

export function bindDynamicKeys(
  baseObj: Record<string, any>,
  values: Array<any>
): Object {
  for (let i = 0; i < values.length; i += 2) {
    const key = values[i]
    if (typeof key === 'string' && key) {
      baseObj[values[i]] = values[i + 1]
    } else if (__DEV__ && key !== '' && key !== null) {
      // null is a special value for explicitly removing a binding
      warn(
        `Invalid value for dynamic directive argument (expected string or null): ${key}`,
        this
      )
    }
  }
  return baseObj
}