Render function

Component that simplifies usage of Vue.js render function.

Usage

Examples

Features

• Generate Vue render function from JavaScript array,
• Allow to use template and render function functionalities, by optional component slots,
• Unlimited tree depth,
• Simplify creation of dynamicaly generated elements

Example

Example component structure passed to the "contentToRender" prop.

[
  'CAlert', 
  { props: { show: true } }, 
  [
    [
      'CButton', 
      {
        props: { color: 'success'}, 
        attrs: { class: 'some-custom-class' }
      }, 
      ['button text'] 
    ],
    'some text node'
  ]
]
//flat mode example
[
  {
    _name: 'CAlert',
    show: true,
    _children: [
      {
        _name: 'CButton',
        _attrs: { class: 'some-custom-class' },
        color: 'success',
        _children: ['button text']
      },
      'some text node'
    ]
  }
]

CRenderFunction API