ComponentWithStyleInVNodeData.render() — vue Function Reference

Architecture documentation for the ComponentWithStyleInVNodeData.render() function in vue-test.ts from the vue codebase.

Function typescript CompilerSFC StyleProcessor

Entity Profile

CompilerSFC→ StyleProcessor→ ComponentWithStyleInVNodeData.render() — vue Function Reference

Dependency Diagram

graph TD
  158e3cfb_4e9c_29d0_6fb4_8bc390fb40e2["ComponentWithStyleInVNodeData.render()"]
  145f8442_1404_7a55_75d5_933bd0696063["vue-test.ts"]
  158e3cfb_4e9c_29d0_6fb4_8bc390fb40e2 -->|defined in| 145f8442_1404_7a55_75d5_933bd0696063
  style 158e3cfb_4e9c_29d0_6fb4_8bc390fb40e2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

types/test/vue-test.ts lines 229–247

  render(h) {
    const elementWithStyleAsString = h('div', {
      style: '--theme-color: black;'
    })

    const elementWithStyleCSSProperties = h('div', {
      style: { ['--theme-color' as any]: 'black' }
    })

    const elementWithStyleAsArrayOfStyleValues = h('div', {
      style: [{ ['--theme-color' as any]: 'black' }]
    })

    return h('div', undefined, [
      elementWithStyleAsString,
      elementWithStyleCSSProperties,
      elementWithStyleAsArrayOfStyleValues
    ])
  }