子页面 component 可以显示 render 方式不显示

父页面

<template>
    <div>
        home
        <router-view></router-view>
    </div>
  
</template>

路由配置

import Home from './children/home.vue'
{
            path: '/project/diy/7',
            name: 'previewHome',
            component: Home,
            children: [
                {
                    path: '',
                    name: 'emptyView123123123123',
                    // component: C1,可以显示
                    //下面这种不显示
                    render: function (createElement) {
                        return createElement('p', {
                            domProps: {
                                innerHTML: 'hello !'
                            }
                        })
                    }
                }
            ]
        },

是什么原因？
目的是要动态载入 vue 页面。vue 页面代码保存在数据库中。