vue2.x的深入学习--关于h函数的说明

发布时间:2022-04-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vue2.x的深入学习--关于h函数的说明脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

vue项目中。写在.vue文件的template里的代码需要借助webpack的模板解析器插件才能解析。单个.htML文件引入vue文件时,该vue文件顺便把模板解析器引入进来了(缺点是体积大)。

所以我们使用工程化开发项目时候,需要在Package.json文件引入vue-template-compile,用于进行模板解析

在这里插入图片描述

如果没有模板解析器,就解析不了,但是vue-template-compile只能解析.vue文件里的模板,没办法解析.js文件里的模板:

所以当我们这么写的时候会解析不了

在这里插入图片描述

在这里插入图片描述

为什么解析不了?因为main.js文件引入的vue文件没有带模板解析器

在这里插入图片描述

在这里插入图片描述

vue.runtime.COMmon.js是不带模板解析器的.vue文件,vue.js是带模板解析器的vue文件

在这里插入图片描述

如果我们在main.js引入带有模板解析器的vue.js文件,则可以解析template

在这里插入图片描述

在这里插入图片描述

为什么默认引入的是不带模板解析器的vue.js文件?
因为体积问题:

在这里插入图片描述

解决方案

使用官方提供的render函数。他能够通过h函数去调用引入的vue-template-compile,也就是第九行代码↓相当于第十一行和第十二行加上loader模板解析器。

在这里插入图片描述

总结:

在这里插入图片描述

本篇文章就到这里了,希望能给你带来帮助,也希望您能够多多关注脚本宝典的更多内容!

脚本宝典总结

以上是脚本宝典为你收集整理的vue2.x的深入学习--关于h函数的说明全部内容,希望文章能够帮你解决vue2.x的深入学习--关于h函数的说明所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: