javascript - vuejs运行时构建和独立构建的区别，分别适用于什么样的业务场景？

Question

看官网上介绍独立构建和运行时构建，讲的云里雾里，不知道实际工作中该怎么用？

Answer 1

独立构建可以用template选项,
运行时构建不行,只能通过模板来编译转成render函数.

Answer 2

一、独立构建包含模板编译器，运行时构建不包含模板编译器。
二、模板编译器的作用就是将template选项编译成render函数，render函数是渲染的关键。
三、鉴于以上两点，使用运行时构建时，不能出现template选项，因为此时没有模板编译器。但是有一种情况除外：即webpack+vue-loader情况下单文件组件中出现template是可以的。
四、使用vue-cli生成项目时，会提醒使用哪种构建方式，npm包默认导出的是运行时构建，如果需要使用独立构建，需要在webpack中配置alias
五、目前暂时发现的两者的应用场景上的区别有：

• 需要注意Vue实例化时的方式，运行时构建方式下实例化Vue时，不要出现template属性

• index.html中不要出现template或者是通过vue-router渲染的route-view

以上区别讨论的场景均为使用webpack+vue-loader单文件组件下，其他的区别暂时未发现。