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进行编写

猜你喜欢

转载自blog.csdn.net/TwilighTzvz/article/details/127907347