title: how to functional component manual render to programming?
body: <p>How Can I Render Functional Component at Vue.js?
  I'm Use "vue-property-decorator";</p>
  
  <p>I want to make Functional Component in parameter. right this.</p>
  
  <p><strong>let makeme = function(component1, component2, data)...</strong></p>
  
  <p>This is my Code.</p>
  
  <pre class="lang-js prettyprint-override"><code>
  const DisplayDate = VueEx.component("anchored-heading", {
    render: createElement =&gt; createElement("h1", "hello"),
    props: {}
  });
  
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>
  @Component
  export default class LazyData extends VueEx {
    @Prop() body_data: Array&lt;any&gt;;
    @Prop() data_loading: boolean;
    @Prop() size_td: Array&lt;string&gt; | undefined;
    @Ref() main_div: HTMLDivElement | null;
    @Ref() loading_el: HTMLDivElement | null;
    tdClassWidthType(name: string) {
      const arrayfind = this.size_td.findIndex(item =&gt; item.indexOf(name) !== -1);
      if (arrayfind &gt; -1) {
        return this.size_td[arrayfind].split("_")[
          this.size_td[arrayfind].split("_").length - 1
        ];
      }
      return name;
    }
    insieditem(tditem) {
      return tditem.render ? tditem.render(this.$createElement) : tditem;
     // tditem is DisplayDate 
    }
    mounted() {
      const user_level = mockupApi.getUserData();
    }
  }
  
  </code></pre>