vue构建小记

原创 缪缪 教程 JS笔记 66阅读 12 天前 举报

不知不觉开发vue已经有一个月啦,阴差阳错的达成目标,还忙里偷闲学了一些其他的东西。

vue上手是非常的easy,开发途中也踩了很多的坑,为了赶进度,都是找个方案能用就行,项目完结可以回过头,总结一下。

不知道别人有没有和我一样的疑惑,vue初始化构建,有的是el,有些是template,还有render,还有$mount,混着用偶尔还会报错,真的是,一脸懵逼。今天看了一些别人的总结,感觉对这个东西有点点了解,稍微总结一下叭。

首先,Vue的构建分为1.独立构建 2. 运行时构建,使用运行时构建的方式,打包代码量会减少。 <a href="https://cn.vuejs.org/v2/guide/installation.html#%E5%AF%B9%E4%B8%8D%E5%90%8C%E6%9E%84%E5%BB%BA%E7%89%88%E6%9C%AC%E7%9A%84%E8%A7%A3%E9%87%8A">直达官网api</a>;

而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~

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复