Javascript Vue呈现函数与模板语法有何不同? newvue({ 渲染:h=>h(应用程序), }).$mount(“#app”); 新Vue({ el:“#应用程序”, 模板:“” });

Javascript Vue呈现函数与模板语法有何不同? newvue({ 渲染:h=>h(应用程序), }).$mount(“#app”); 新Vue({ el:“#应用程序”, 模板:“” });,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我们知道,指定为模板的代码只有在runtimeCompiler为true时才能工作 我想知道的是渲染函数与模板语法的区别(很难调试和查看代码) 在Vue中预编译时,模板字符串不是转换为JS代码吗?您在上一篇评论中回答了自己的问题。模板字符串在生成时编译到渲染函数中,以避免在运行时执行此操作。生成时编译还可以通过省略模板编译器代码来帮助减少捆绑包的大小。将预编译单个文件组件,即.vue文件,以使用呈现函数替换模板。从理论上讲,其他模板也可以预编译,但通常构建没有配置为这样做。因此,入口点使用new

我们知道,指定为模板的代码只有在
runtimeCompiler
true
时才能工作

我想知道的是渲染函数与模板语法的区别(很难调试和查看代码)


在Vue中预编译时,模板字符串不是转换为JS代码吗?

您在上一篇评论中回答了自己的问题。模板字符串在生成时编译到渲染函数中,以避免在运行时执行此操作。生成时编译还可以通过省略模板编译器代码来帮助减少捆绑包的大小。将预编译单个文件组件,即
.vue
文件,以使用
呈现
函数替换模板。从理论上讲,其他模板也可以预编译,但通常构建没有配置为这样做。因此,入口点使用
new Vue
render
功能而不是模板是正常的。在典型的基于SFC的应用程序中,入口点实例将是唯一一个不来自SFC的Vue实例。作为旁注,无论您使用的是
el:“#app”或
。mount(“#app”)
是一个单独的考虑事项,与您使用的是模板还是
呈现
函数无关。tony19,Skille,德莱娜·马兰,谢谢。
new Vue({
  render: h => h(App),
}).$mount('#app');


new Vue({
    el: '#app',
    template : '<App/>'
});