技术标签： vue的h函数
目录h方法介绍
createElement简介
createElement、this.$slots、scopedSlots用法
完整代码下载
一、h方法介绍
如果你接触过 vue 一段时间了，那么你可能会遇到过rendering方法在你的 app 文件中 -- 在最新版本的CLI中它是一个默认值， 并且是在main.js文件中:
new Vue({
render: h => h(App)
}).$mount('#app')
或者是，如果你使用了 render 方法 (函数)，可能会使用 JSX:
Vue.component('jsx-example', {
render (h) {
return
}
})
或许你想知道，h 是用来干嘛的？它表示什么意思呢？ h 代表的是 hyperscript 。它是 HTML 的一部分，表示的是 超文本标记语言：当我们正在处理一个脚本的时候，在虚拟 DOM 节点中去使用它进行替换已成为一种惯例。这个定义同时也被运用到其他的框架文档中。详情点击这里 Cycle.js。
在这个问题上，Evan 描述到：Hyperscript 它本身表示的是 "生成 HTML 结构的脚本"
缩写为 h 是因为它更容易去输入。 他还在 Frontend Masters 上描述了这一点 他的高级 Vue 研讨会 。
真的，你可以认为它是 createElement 的缩写。 这将是一个长长的形式：
//使用createElementrender: function (createElement) {
return createElement(App);
}
//用 h 代替它render: function (h) {
return h(App);
}
//ES6简写render: h => h (App)
名称 hyperscript 可能会让某些人感到困惑，因为 hyperscript 实际上是 一个库的名字(这些日子没有更新 )，它实际上有一个 小的生态系统。 在这种情况下，我们不是在谈论那个特定的实现。
希望能为那些感到困惑的人解决问题！
二、createElement简介
h(createElement)函数有3个参数
文章浏览阅读1.1k次，点赞22次，收藏23次。本文通过在SSD移动硬盘中安装win10和macos双系统，实现操作系统随身携带小慢哥的原创文章，欢迎转载目录 目标 准备工作 Step1. 清空分区，转换为GPT Step2. 安装win10 Step3. 压缩win10分区容量 Step4. 创建2个分区 Step5. 将bootcamp驱动放置到exFAT分区中 Step6. 将macos分区..._mac移动硬盘装双机系统
文章浏览阅读14次。theme: cyanosishighlight: a11y-dark前言自从上次TransmittableThreadLocal框架作者评论我之后，我重新去看了下源码，终于在这个周天，我才把TransmittableThreadLocal解决线程池变量丢失的问题搞明白，而且发现我之前的认识有问题，久久孩子我之前是觉得，InheritableThreadLocal解决父子线...
文章浏览阅读366次。 距离上一篇《Exchange 2016部署实施案例篇-02.活动目录部署篇》博文更新已经过去快一周了，最近一直在忙项目上的事情和软考，整的真心有点身心俱疲啊，最近看了下上一篇博文不知道为什么访问量一直上不去，真心有点心寒啊。希望大家能多多提出宝贵意见，看看如何能让访问量上去。 废话就不多说了，开始今天的话题，Exchange的部署篇，我原定计划是把部署篇分上、下2个篇幅来写的，但最近发现好..._解决exchange2016部署先决条件
文章浏览阅读130次。原文：REACTIVE APPS WITH MODEL-VIEW-INTENT - PART4 - INDEPENDENT UI COMPONENTS作者：Hannes Dorfmann译者：却把清梅嗅这篇博客中，我们将针对如何 如何构建独立组件 进行探讨，我将阐述为什么在我看来 父子关系会导致坏味道的代码，以及为何这种关系是没有意义的。有这样一个问题时不时涌现在我的脑海中—— MVI...
文章浏览阅读662次。https://blog.csdn.net/qq_32466233/article/details/81075288_池化层后特征图尺寸
文章浏览阅读3.3k次。一、问题说明我是用的是官方示例中的这个饼状图。结果在应用到项目中后发现利用axios请求到的数据无法渲染到页面中去。并且其中value值已经改变。二、解决办法用$set改变value的值，并且重新绘制一遍表格。$set是全局 Vue.set 的别名。$set用法：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为..._vue echart初始化渲染过后无法重新渲染
文章浏览阅读3.7k次。今天在用Dev-C++ 的时候遇到一个错误“to_string is not a member of std” error解决方法：设置编译语言为ISO C++11 在菜单栏的Tool -> Compiler Option_devc++ [error] 'to_string' is not a member of 'std
文章浏览阅读1.1k次。Python 非常易学，强大的编程语言。Python 包括高效高级的数据结构，提供简单且高效的面向对象编程。Python 的学习过程少不了 IDE 或者代码编辑器，或者集成的开发编辑器（IDE）。这些 Python 开发工具帮助开发者加快使用 Python 开发的速度，提高效率。高效的代码编辑器或者 IDE 应该会提供插件，工具等能帮助开发者高效开发的特性。这篇文章收集了一些对开发者非常有_pydea兼容的
文章浏览阅读287次。一、makestrans()格式： str.maketrans(intab,outtab);功能：用于创建字符映射的转换表，对于接受两个参数的最简单的调用方式，第一个参数是字符串，表示需要转换的字符，第二个参数也是字符串表示转换的目标。注：两个字符串的长度必须相同，为一一对应的关系。注：Python3.6中已经没有string.maketrans()了，取而代之的是内建函数:bytearray...._python maketrance
文章浏览阅读5.7k次，点赞9次，收藏14次。set集合的简介，它的特点和遍历方式。介绍了HashSet重复元素存储底层原理，LinkedHashSet,TreeSet排序方法，SortedSet获取集合值的方法_set集合
文章浏览阅读3.6k次，点赞3次，收藏29次。随着城市规模的不断扩大和现代化程度的日益提高，城市排水管网越来越复杂，一些城市相继发生大雨内涝、管线泄漏爆炸、路面塌陷等事件，严重影响了人民群众生命财产安全和城市运行秩序。因此，摸清排水管网设施资产家底、建立排水管网地理信息系统，用现代化的技术手段对排水系统进行科学管理显得迫在眉睫。以时空信息为基础，充分利用感知监测网、物联网、云计算、移动互联网、工业控制和水力模型等新一代信息技术，全方位感..._污水处理智慧管理系统案列
文章浏览阅读5.7k次，点赞4次，收藏13次。上篇在详解FAT32文件系统中介绍了FAT32文件系统存储数据的原理，这篇就来介绍下NTFS文件系统。NTFS、用过Windows系统的人都知道，它是一个很强大的文件系统，支持的功能很多，存储的原理也很复杂。目前绝大多数Windows用户都是使用NTFS文件系统，它主要以安全性和稳定性而闻名，下面是它的一些主要特点。安全性高：NTFS支持基于文件或目录的ACL，并且支持加密文件系统（E_ntfs文件系统中,磁盘上的所有数据包括源文件都是以什么的形式存储