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

 更新时间:2021年08月20日 10:41:07   作者:公孙元二  
下面小编就为大家分享一篇基于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模板解析器。

在这里插入图片描述

总结:

在这里插入图片描述

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

相关文章

  • go.js的基本使用方法详解【与vue,react同理】

    go.js的基本使用方法详解【与vue,react同理】

    这篇文章主要介绍了go.js的基本使用方法,结合实例形式详细分析了go.js基本功能、原理及vue中使用方法,需要的朋友可以参考下
    2023-06-06
  • javascript表单是否为空验证方法

    javascript表单是否为空验证方法

    表单验证在很多地方都可以用到,本文详细的介绍了javascript表单是否为空验证方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 一览画面点击复选框后获取多个id值的方法

    一览画面点击复选框后获取多个id值的方法

    这篇文章主要介绍了在一览画面点击复选框后获取多个id值的方法,前台采用js技术后台采用java技术实现的,逻辑清晰,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-05-05
  • Javascript实现鼠标框选操作  不是点击选取

    Javascript实现鼠标框选操作 不是点击选取

    这篇文章主要介绍了Javascript实现鼠标框选操作,不是点击选取,利用鼠标进行框选,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 动态创建样式表在各浏览器中的差异测试代码

    动态创建样式表在各浏览器中的差异测试代码

    对于标准浏览器,直接使用css.innerHTML也可以修改HTMLStyleElement的css规则
    2011-09-09
  • 基于replaceChild制作简单的吞噬特效

    基于replaceChild制作简单的吞噬特效

    本篇文章通过js和css结合实现简单的吞噬效果,代码简单易懂,需要的朋友可以参考下本文
    2015-09-09
  • JavaScript数组去重实现方法小结

    JavaScript数组去重实现方法小结

    这篇文章主要介绍了JavaScript数组去重实现方法,结合实例形式总结分析了JavaScript数组去重ES3、ES5及ES6常见实现方法与操作注意事项,需要的朋友可以参考下
    2020-01-01
  • js过滤HTML标签完整实例

    js过滤HTML标签完整实例

    这篇文章主要介绍了js过滤HTML标签实现方法,以完整实例形式分析了JavaScript使用正则表达式过滤HTML标签的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • 原生js实现下拉菜单

    原生js实现下拉菜单

    这篇文章主要为大家详细介绍了原生js实现下拉菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 详解微信小程序中组件通讯

    详解微信小程序中组件通讯

    在本篇文章里我们给大家分享了微信小程序中组件通讯的相关知识点以及相关实例代码,有兴趣的朋友们学习分享下。
    2018-10-10

最新评论