bindDynamicKeys() — vue Function Reference

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

Function typescript CoreRuntime InstanceState calls 1

Entity Profile

CoreRuntime→ InstanceState→ bindDynamicKeys() — vue Function Reference

Dependency Diagram

graph TD
  9fcbbb2c_5261_739c_fe8c_49e9435580c1["bindDynamicKeys()"]
  a8c8f192_fd2d_dbe3_46ed_dd8fabebc429["warn()"]
  9fcbbb2c_5261_739c_fe8c_49e9435580c1 -->|calls| a8c8f192_fd2d_dbe3_46ed_dd8fabebc429
  style 9fcbbb2c_5261_739c_fe8c_49e9435580c1 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
}