目录
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.0结合DataTable插件实现表格动态刷新的方法详解
- vue3 与 vue2 优点对比汇总
- vue2.0/3.0中provide和inject的用法示例
- Vue2.x配置路由导航守卫实现用户登录和退出
- Vue2.x响应式简单讲解及示例
- Vue3对比Vue2的优点总结
- vue2实现provide inject传递响应式
- vue2.0/3.0的响应式原理及区别浅析
- vue2.x 从vue.config.js配置到项目优化
- 手写Vue2.0 数据劫持的示例
- Vue2.x-使用防抖以及节流的示例
- 源码揭秘为什么 Vue2 this 能够直接获取到 data 和 methods
本文由 华域联盟 原创撰写:华域联盟 » vue2.x的深入学习--关于h函数的说明
转载请保留出处和原文链接:https://www.cnhackhy.com/79802.htm