ComponentWithStyleInVNodeData.render() — vue Function Reference

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

Function typescript VueCore GlobalAPI

Entity Profile

VueCore→ GlobalAPI→ ComponentWithStyleInVNodeData.render() — vue Function Reference

Dependency Diagram

graph TD
  d48638af_d123_7622_a66f_27b36bc12933["ComponentWithStyleInVNodeData.render()"]
  577b18a3_afe0_046c_7877_883e64088830["vue-test.ts"]
  d48638af_d123_7622_a66f_27b36bc12933 -->|defined in| 577b18a3_afe0_046c_7877_883e64088830
  style d48638af_d123_7622_a66f_27b36bc12933 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
    ])
  }