vue构建

首先,Vue的构建分为1.独立构建 2. 运行时构建,使用运行时构建的方式,打包代码量会减少。

而Vue构建选项的el元素,template元素,render方法都可以构建vue实例,它们的关系是,如果选项中有render函数,直接使用render函数渲染出dom树,如果没有render函数,则优先使用template模板编译为render函数再渲染出dom树,如果既没有render函数也没有template模板,则使用el中的属性值获取挂载元素的html作为模板并编译为render函数,所以,构建的优先级是 render >> template >> (el==$mount)

而vue的构建模式:运行时构建,是没有模板编译功能的,也就是说,当使用运行时构建的模式时,el和template选项没有办法被编译,就会报错。出现这种报错的话,只要改变一下构建模式就可以了。

附加一句,vue-loader是webpack的loader,用于处理.vue文件,解析语言块等,和构建时的模式报错没有关系!

over~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,468评论 0 29
  • 最近一直在研究使用vue做出来一些东西,但都是SPA的单页面应用,但实际工作中,单页面并不一定符合业务需求,所以这...
    蘇简阅读 6,660评论 0 20
  • 有两种构建方式,独立构建和运行构建。它们的区别在于前者包含模板编译器而后者不包含。 模板编译器:模板编译器的职责是...
    浩3108阅读 5,805评论 1 1
  • 前几天想学学Vue中怎么编写可复用的组件,提到要对Vue的render函数有所了解。可仔细一想,对于Vue的ren...
    kangaroo_v阅读 116,359评论 13 171
  • 不想看过程可以直接看最后的总结 :) 起因 前天的时候就遇到了一个非常棘手的问题,在高高兴兴写完 Vue 项目后,...
    写代码的海怪阅读 13,856评论 15 19