84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
看官网上介绍独立构建和运行时构建,讲的云里雾里,不知道实际工作中该怎么用?
光阴似箭催人老,日月如移越少年。
独立构建可以用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单文件组件下,其他的区别暂时未发现。