看官网上介绍独立构建和运行时构建,讲的云里雾里,不知道实际工作中该怎么用?
光阴似箭催人老,日月如移越少年。
独立构建可以用template选项,运行时构建不行,只能通过模板来编译转成render函数.
一、独立构建包含模板编译器,运行时构建不包含模板编译器。二、模板编译器的作用就是将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单文件组件下,其他的区别暂时未发现。
独立构建可以用template选项,
运行时构建不行,只能通过模板来编译转成render函数.
一、独立构建包含模板编译器,运行时构建不包含模板编译器。
二、模板编译器的作用就是将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单文件组件下,其他的区别暂时未发现。