functional.vue

<script>
export default {
  name: 'test-component',
  functional: true,
  props: {
    children: Array
  },
  render (h, context) {
    return (context.props.children || []).map(child => {
      if (typeof child === 'string') return child
      return <div style={child.style}>
        {child.text}
        <test-component children={child.children}/>
      </div>
    })
  }
}
</script>