Vue中使用render的发现

今天在vue写render方法去选染template时出现如下的报错

<script>
export default {
    render(h) {
        return h({
            template: '<div>render来渲染结构</div>',
        })
    },
}
</script>

通过百度等手段 ！！！终于找到正解，是因为vue.config.js少了runtimeCompiler: true这个配置。果然配置上就不会报错能正常渲染了。这么神奇不得查查文档这是什么东西啊！附上vuecli的查询截图


简单来说就是vue.loader已经把模板解析成js，默认也不会有runtimeCompiler减少编译后的文件体积。
js中还有模板时就需要打开进行解析。
最后render的写法最后还是使用jsx进行编写